@openhands/agent-canvas 1.15.0 → 1.16.0

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

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

@@ -1 +1 @@
-{"version":3,"file":"automation-card.cjs","names":[],"sources":["../../../../src/components/features/automations/automation-card.tsx"],"sourcesContent":["import { Tooltip } from \"@heroui/react\";\nimport { useMemo } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { Automation } from \"#/types/automation\";\nimport { AutomationRunStatus } from \"#/types/automation\";\nimport { KebabMenu } from \"./kebab-menu\";\nimport { useHasPermission } from \"#/hooks/use-has-permission\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport PlayIcon from \"#/icons/play.svg?react\";\nimport { SkillCardPillRow } from \"#/components/features/skills/skill-card-pill-row\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { cn } from \"#/utils/utils\";\nimport { formatRelativeTime } from \"#/utils/format-relative-time\";\nimport { buildAutomationMetadataPills } from \"./build-automation-pills\";\nimport { buildAutomationMenuItems } from \"./build-automation-menu-items\";\nimport { automationIconActionButtonClassName } from \"./automation-action-button-classes\";\nimport { AutomationRunStats } from \"./automation-run-insights\";\nimport { automationCardStatusStripClassName } from \"./automation-view-mode\";\nimport {\n  extensionModuleCardInteractiveClassName,\n  extensionModuleCardSurfaceClassName,\n} from \"#/utils/extension-module-card-classes\";\nimport { toLatestRunState } from \"./to-latest-run-state\";\nimport { RunStatusBadge } from \"./detail/run-status-badge\";\nimport { AutomationRunActivitySparkline } from \"#/components/features/home/featured-automations/automation-run-activity-sparkline\";\nimport type { RunSummaryState } from \"#/manifests/automation-insights\";\nimport type { InterfaceListInsights } from \"#/manifests/types\";\nimport {\n  getLastRunTimestamp,\n  shortenAutomationErrorDetail,\n  shouldShowAutomationErrorHovercard,\n} from \"#/components/features/home/featured-automations/automation-run-health\";\n\n/** Run insights shown when the manifest declares the dashboard surface. */\nexport interface AutomationInsightsProps {\n  spec: InterfaceListInsights;\n  state: RunSummaryState | undefined;\n}\n\ninterface AutomationCardProps {\n  automation: Automation;\n  onToggle: (id: string, enabled: boolean) => void;\n  onRunNow: (id: string) => void;\n  isRunPending?: boolean;\n  onDelete: (id: string) => void;\n  onExport: (automation: Automation) => void;\n  onEdit?: (id: string) => void;\n  insights?: AutomationInsightsProps;\n}\n\nexport function AutomationCard({\n  automation,\n  onToggle,\n  onRunNow,\n  isRunPending = false,\n  onDelete,\n  onExport,\n  onEdit,\n  insights,\n}: AutomationCardProps) {\n  const { navigate } = useNavigation();\n  const { t, i18n } = useTranslation(\"openhands\");\n  const canManage = useHasPermission(\"manage_automations\");\n\n  const scheduleLabel =\n    automation.trigger.schedule_human || automation.trigger.type;\n  const pills = useMemo(\n    () => buildAutomationMetadataPills(automation, scheduleLabel),\n    [automation, scheduleLabel],\n  );\n\n  const handleView = () => {\n    navigate?.(`/automations/${automation.id}`);\n  };\n\n  const menuItems = buildAutomationMenuItems({\n    automation,\n    t,\n    canManage,\n    onRunNow,\n    isRunPending,\n    onView: handleView,\n    onExport,\n    onEdit,\n    onToggle,\n    onDelete,\n  });\n\n  const runState = toLatestRunState(insights?.state);\n  const { latestRun, recentRuns, isLoading, isError } = runState;\n  const timestamp = latestRun ? getLastRunTimestamp(latestRun) : null;\n  const errorDetail =\n    latestRun?.status === AutomationRunStatus.FAILED\n      ? latestRun.error_detail?.trim() || null\n      : null;\n  const shortErrorDetail = errorDetail\n    ? shortenAutomationErrorDetail(errorDetail)\n    : null;\n  const showErrorHovercard =\n    errorDetail != null &&\n    shortErrorDetail != null &&\n    shouldShowAutomationErrorHovercard(errorDetail, shortErrorDetail);\n  const disableAnimation = import.meta.env.MODE === \"test\";\n\n  return (\n    <div\n      role=\"link\"\n      tabIndex={0}\n      data-testid={`automation-card-${automation.id}`}\n      onClick={handleView}\n      onKeyDown={(event) => {\n        if (event.key === \"Enter\") handleView();\n      }}\n      className={cn(\n        \"group relative flex min-w-0 flex-col overflow-hidden p-4 text-left\",\n        extensionModuleCardSurfaceClassName,\n        extensionModuleCardInteractiveClassName,\n      )}\n    >\n      <header className=\"flex flex-col gap-1.5\">\n        <div className=\"flex h-8 items-center justify-between gap-3\">\n          <h3 className=\"min-w-0 flex-1 truncate text-sm font-semibold leading-none text-[var(--oh-foreground)]\">\n            {automation.name}\n          </h3>\n          <div className=\"flex shrink-0 items-center gap-0.5\">\n            {canManage ? (\n              <StyledTooltip\n                content={t(I18nKey.AUTOMATIONS$RUN_NOW)}\n                placement=\"top\"\n              >\n                <button\n                  type=\"button\"\n                  data-testid={`automation-run-now-${automation.id}`}\n                  aria-label={t(I18nKey.AUTOMATIONS$RUN_NOW)}\n                  aria-busy={isRunPending}\n                  disabled={isRunPending || !automation.enabled}\n                  onClick={(event) => {\n                    event.stopPropagation();\n                    onRunNow(automation.id);\n                  }}\n                  className={automationIconActionButtonClassName}\n                >\n                  <PlayIcon className=\"size-4 shrink-0\" aria-hidden />\n                </button>\n              </StyledTooltip>\n            ) : null}\n            <KebabMenu\n              items={menuItems}\n              triggerClassName=\"opacity-70 group-hover:opacity-100\"\n            />\n          </div>\n        </div>\n        {automation.prompt ? (\n          <p className=\"line-clamp-2 text-xs leading-relaxed text-[var(--oh-text-secondary)]\">\n            {automation.prompt}\n          </p>\n        ) : null}\n      </header>\n\n      {pills.length > 0 || recentRuns.length > 0 ? (\n        <div\n          className={cn(\n            \"mt-3 flex items-center gap-3\",\n            pills.length > 0 ? \"justify-between\" : \"justify-end\",\n          )}\n        >\n          {pills.length > 0 ? (\n            <div className=\"min-w-0 flex-1 overflow-hidden\">\n              <SkillCardPillRow\n                pills={pills}\n                testId={`automation-pills-${automation.id}`}\n              />\n            </div>\n          ) : null}\n          {recentRuns.length > 0 ? (\n            <AutomationRunActivitySparkline\n              automationId={automation.id}\n              runs={recentRuns}\n              testId={`automation-activity-${automation.id}`}\n            />\n          ) : null}\n        </div>\n      ) : null}\n\n      {insights ? (\n        <div className={automationCardStatusStripClassName}>\n          <div className=\"flex min-w-0 flex-1 items-center gap-2 overflow-hidden\">\n            {isLoading ? (\n              <div\n                className=\"h-3.5 w-3/4 animate-pulse rounded bg-surface-raised motion-reduce:animate-none\"\n                aria-hidden=\"true\"\n              />\n            ) : null}\n\n            {!isLoading && isError ? (\n              <p className=\"truncate text-[var(--oh-text-secondary)]\">\n                {t(I18nKey.FEATURED_AUTOMATIONS$STATUS_UNAVAILABLE)}\n              </p>\n            ) : null}\n\n            {!isLoading && !isError && !latestRun ? (\n              <p className=\"truncate text-[var(--oh-text-secondary)]\">\n                {t(I18nKey.AUTOMATIONS$DETAIL$NO_RUNS)}\n              </p>\n            ) : null}\n\n            {latestRun ? (\n              <>\n                <RunStatusBadge status={latestRun.status} iconOnly showLabel />\n\n                {shortErrorDetail ? (\n                  showErrorHovercard && errorDetail ? (\n                    <Tooltip\n                      content={\n                        <p className=\"max-w-xs whitespace-pre-wrap break-words p-2 text-xs\">\n                          {errorDetail}\n                        </p>\n                      }\n                      placement=\"top\"\n                      closeDelay={100}\n                      disableAnimation={disableAnimation}\n                      className=\"rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl\"\n                    >\n                      <span className=\"min-w-0 flex-1 cursor-default truncate text-[var(--oh-status-error)]\">\n                        {shortErrorDetail}\n                      </span>\n                    </Tooltip>\n                  ) : (\n                    <p className=\"min-w-0 flex-1 truncate text-[var(--oh-status-error)]\">\n                      {shortErrorDetail}\n                    </p>\n                  )\n                ) : null}\n              </>\n            ) : null}\n          </div>\n\n          {timestamp ? (\n            <span\n              data-testid={`automation-last-run-${automation.id}`}\n              className=\"shrink-0 text-[var(--oh-text-secondary)]\"\n            >\n              {formatRelativeTime(timestamp, i18n.language, t)}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n\n      {insights ? (\n        <div className=\"mt-3\">\n          <AutomationRunStats\n            state={insights.state}\n            copy={insights.spec.stats}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"automation-card.cjs","names":[],"sources":["../../../../src/components/features/automations/automation-card.tsx"],"sourcesContent":["import { Tooltip } from \"@heroui/react\";\nimport { useMemo } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { Automation } from \"#/types/automation\";\nimport { AutomationRunStatus } from \"#/types/automation\";\nimport { KebabMenu } from \"./kebab-menu\";\nimport { useHasPermission } from \"#/hooks/use-has-permission\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport PlayIcon from \"#/icons/play.svg?react\";\nimport { SkillCardPillRow } from \"#/components/features/skills/skill-card-pill-row\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { cn } from \"#/utils/utils\";\nimport { formatRelativeTime } from \"#/utils/format-relative-time\";\nimport { buildAutomationMetadataPills } from \"./build-automation-pills\";\nimport { buildAutomationMenuItems } from \"./build-automation-menu-items\";\nimport { automationIconActionButtonClassName } from \"./automation-action-button-classes\";\nimport { AutomationRunStats } from \"./automation-run-insights\";\nimport { automationCardStatusStripClassName } from \"./automation-view-mode\";\nimport {\n  extensionModuleCardInteractiveClassName,\n  extensionModuleCardSurfaceClassName,\n} from \"#/utils/extension-module-card-classes\";\nimport { toLatestRunState } from \"./to-latest-run-state\";\nimport { RunPhase, shouldShowRunPhase } from \"./detail/run-phase\";\nimport { RunStatusBadge } from \"./detail/run-status-badge\";\nimport { AutomationRunActivitySparkline } from \"#/components/features/home/featured-automations/automation-run-activity-sparkline\";\nimport type { RunSummaryState } from \"#/manifests/automation-insights\";\nimport type { InterfaceListInsights } from \"#/manifests/types\";\nimport {\n  getLastRunTimestamp,\n  shortenAutomationErrorDetail,\n  shouldShowAutomationErrorHovercard,\n} from \"#/components/features/home/featured-automations/automation-run-health\";\n\n/** Run insights shown when the manifest declares the dashboard surface. */\nexport interface AutomationInsightsProps {\n  spec: InterfaceListInsights;\n  state: RunSummaryState | undefined;\n}\n\ninterface AutomationCardProps {\n  automation: Automation;\n  onToggle: (id: string, enabled: boolean) => void;\n  onRunNow: (id: string) => void;\n  isRunPending?: boolean;\n  onDelete: (id: string) => void;\n  onExport: (automation: Automation) => void;\n  onEdit?: (id: string) => void;\n  insights?: AutomationInsightsProps;\n}\n\nexport function AutomationCard({\n  automation,\n  onToggle,\n  onRunNow,\n  isRunPending = false,\n  onDelete,\n  onExport,\n  onEdit,\n  insights,\n}: AutomationCardProps) {\n  const { navigate } = useNavigation();\n  const { t, i18n } = useTranslation(\"openhands\");\n  const canManage = useHasPermission(\"manage_automations\");\n\n  const scheduleLabel =\n    automation.trigger.schedule_human || automation.trigger.type;\n  const pills = useMemo(\n    () => buildAutomationMetadataPills(automation, scheduleLabel),\n    [automation, scheduleLabel],\n  );\n\n  const handleView = () => {\n    navigate?.(`/automations/${automation.id}`);\n  };\n\n  const menuItems = buildAutomationMenuItems({\n    automation,\n    t,\n    canManage,\n    onRunNow,\n    isRunPending,\n    onView: handleView,\n    onExport,\n    onEdit,\n    onToggle,\n    onDelete,\n  });\n\n  const runState = toLatestRunState(insights?.state);\n  const { latestRun, recentRuns, isLoading, isError } = runState;\n  const timestamp = latestRun ? getLastRunTimestamp(latestRun) : null;\n  const errorDetail =\n    latestRun?.status === AutomationRunStatus.FAILED\n      ? latestRun.error_detail?.trim() || null\n      : null;\n  const shortErrorDetail = errorDetail\n    ? shortenAutomationErrorDetail(errorDetail)\n    : null;\n  const showErrorHovercard =\n    errorDetail != null &&\n    shortErrorDetail != null &&\n    shouldShowAutomationErrorHovercard(errorDetail, shortErrorDetail);\n  const showPhase = shouldShowRunPhase(latestRun?.status);\n  const disableAnimation = import.meta.env.MODE === \"test\";\n\n  return (\n    <div\n      role=\"link\"\n      tabIndex={0}\n      data-testid={`automation-card-${automation.id}`}\n      onClick={handleView}\n      onKeyDown={(event) => {\n        if (event.key === \"Enter\") handleView();\n      }}\n      className={cn(\n        \"group relative flex min-w-0 flex-col overflow-hidden p-4 text-left\",\n        extensionModuleCardSurfaceClassName,\n        extensionModuleCardInteractiveClassName,\n      )}\n    >\n      <header className=\"flex flex-col gap-1.5\">\n        <div className=\"flex h-8 items-center justify-between gap-3\">\n          <h3 className=\"min-w-0 flex-1 truncate text-sm font-semibold leading-none text-[var(--oh-foreground)]\">\n            {automation.name}\n          </h3>\n          <div className=\"flex shrink-0 items-center gap-0.5\">\n            {canManage ? (\n              <StyledTooltip\n                content={t(I18nKey.AUTOMATIONS$RUN_NOW)}\n                placement=\"top\"\n              >\n                <button\n                  type=\"button\"\n                  data-testid={`automation-run-now-${automation.id}`}\n                  aria-label={t(I18nKey.AUTOMATIONS$RUN_NOW)}\n                  aria-busy={isRunPending}\n                  disabled={isRunPending || !automation.enabled}\n                  onClick={(event) => {\n                    event.stopPropagation();\n                    onRunNow(automation.id);\n                  }}\n                  className={automationIconActionButtonClassName}\n                >\n                  <PlayIcon className=\"size-4 shrink-0\" aria-hidden />\n                </button>\n              </StyledTooltip>\n            ) : null}\n            <KebabMenu\n              items={menuItems}\n              triggerClassName=\"opacity-70 group-hover:opacity-100\"\n            />\n          </div>\n        </div>\n        {automation.prompt ? (\n          <p className=\"line-clamp-2 text-xs leading-relaxed text-[var(--oh-text-secondary)]\">\n            {automation.prompt}\n          </p>\n        ) : null}\n      </header>\n\n      {pills.length > 0 || recentRuns.length > 0 ? (\n        <div\n          className={cn(\n            \"mt-3 flex items-center gap-3\",\n            pills.length > 0 ? \"justify-between\" : \"justify-end\",\n          )}\n        >\n          {pills.length > 0 ? (\n            <div className=\"min-w-0 flex-1 overflow-hidden\">\n              <SkillCardPillRow\n                pills={pills}\n                testId={`automation-pills-${automation.id}`}\n              />\n            </div>\n          ) : null}\n          {recentRuns.length > 0 ? (\n            <AutomationRunActivitySparkline\n              automationId={automation.id}\n              runs={recentRuns}\n              testId={`automation-activity-${automation.id}`}\n            />\n          ) : null}\n        </div>\n      ) : null}\n\n      {insights ? (\n        <div className={automationCardStatusStripClassName}>\n          <div className=\"flex min-w-0 flex-1 items-center gap-2 overflow-hidden\">\n            {isLoading ? (\n              <div\n                className=\"h-3.5 w-3/4 animate-pulse rounded bg-surface-raised motion-reduce:animate-none\"\n                aria-hidden=\"true\"\n              />\n            ) : null}\n\n            {!isLoading && isError ? (\n              <p className=\"truncate text-[var(--oh-text-secondary)]\">\n                {t(I18nKey.FEATURED_AUTOMATIONS$STATUS_UNAVAILABLE)}\n              </p>\n            ) : null}\n\n            {!isLoading && !isError && !latestRun ? (\n              <p className=\"truncate text-[var(--oh-text-secondary)]\">\n                {t(I18nKey.AUTOMATIONS$DETAIL$NO_RUNS)}\n              </p>\n            ) : null}\n\n            {latestRun ? (\n              <>\n                <RunStatusBadge status={latestRun.status} iconOnly showLabel />\n\n                {showPhase ? (\n                  <RunPhase\n                    status={latestRun.status}\n                    code={latestRun.phase_code}\n                    label={latestRun.phase_label}\n                    updatedAt={latestRun.phase_updated_at}\n                  />\n                ) : null}\n\n                {shortErrorDetail ? (\n                  showErrorHovercard && errorDetail ? (\n                    <Tooltip\n                      content={\n                        <p className=\"max-w-xs whitespace-pre-wrap break-words p-2 text-xs\">\n                          {errorDetail}\n                        </p>\n                      }\n                      placement=\"top\"\n                      closeDelay={100}\n                      disableAnimation={disableAnimation}\n                      className=\"rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl\"\n                    >\n                      <span className=\"min-w-0 flex-1 cursor-default truncate text-[var(--oh-status-error)]\">\n                        {shortErrorDetail}\n                      </span>\n                    </Tooltip>\n                  ) : (\n                    <p className=\"min-w-0 flex-1 truncate text-[var(--oh-status-error)]\">\n                      {shortErrorDetail}\n                    </p>\n                  )\n                ) : null}\n              </>\n            ) : null}\n          </div>\n\n          {timestamp ? (\n            <span\n              data-testid={`automation-last-run-${automation.id}`}\n              className=\"shrink-0 text-[var(--oh-text-secondary)]\"\n            >\n              {formatRelativeTime(timestamp, i18n.language, t)}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n\n      {insights ? (\n        <div className=\"mt-3\">\n          <AutomationRunStats\n            state={insights.state}\n            copy={insights.spec.stats}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"8uCAoDA,SAAgB,EAAe,CAC7B,aACA,WACA,WACA,eAAe,GACf,WACA,WACA,SACA,YACsB,CACtB,GAAM,CAAE,YAAa,EAAA,cAAc,EAC7B,CAAE,IAAG,QAAS,EAAA,eAAe,WAAW,EACxC,EAAY,EAAA,iBAAiB,oBAAoB,EAEjD,EACJ,EAAW,QAAQ,gBAAkB,EAAW,QAAQ,KACpD,GAAA,EAAA,EAAA,aACE,EAAA,6BAA6B,EAAY,CAAa,EAC5D,CAAC,EAAY,CAAa,CAC5B,EAEM,MAAmB,CACvB,IAAW,gBAAgB,EAAW,IAAI,CAC5C,EAEM,EAAY,EAAA,yBAAyB,CACzC,aACA,IACA,YACA,WACA,eACA,OAAQ,EACR,WACA,SACA,WACA,UACF,CAAC,EAGK,CAAE,YAAW,aAAY,YAAW,WADzB,EAAA,iBAAiB,GAAU,KACU,EAChD,EAAY,EAAY,EAAA,oBAAoB,CAAS,EAAI,KACzD,EACJ,GAAW,SAAW,EAAA,oBAAoB,QACtC,EAAU,cAAc,KAAK,GAC7B,KACA,EAAmB,EACrB,EAAA,6BAA6B,CAAW,EACxC,KACE,EACJ,GAAe,MACf,GAAoB,MACpB,EAAA,mCAAmC,EAAa,CAAgB,EAC5D,EAAY,EAAA,mBAAmB,GAAW,MAAM,EAGtD,OACE,EAAA,EAAA,MAAC,MAAD,CACE,KAAK,OACL,SAAU,EACV,cAAa,mBAAmB,EAAW,KAC3C,QAAS,EACT,UAAY,GAAU,CAChB,EAAM,MAAQ,SAAS,EAAW,CACxC,EACA,UAAW,EAAA,GACT,qEACA,EAAA,oCACA,EAAA,uCACF,WAZF,EAcE,EAAA,EAAA,MAAC,SAAD,CAAQ,UAAU,iCAAlB,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,uDAAf,EACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,kGACX,EAAW,IACV,CAAA,GACJ,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,8CAAf,CACG,GACC,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,QAAS,EAAE,EAAA,QAAQ,mBAAmB,EACtC,UAAU,gBAEV,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,cAAa,sBAAsB,EAAW,KAC9C,aAAY,EAAE,EAAA,QAAQ,mBAAmB,EACzC,YAAW,EACX,SAAU,GAAgB,CAAC,EAAW,QACtC,QAAU,GAAU,CAClB,EAAM,gBAAgB,EACtB,EAAS,EAAW,EAAE,CACxB,EACA,UAAW,EAAA,8CAEX,EAAA,EAAA,KAAC,EAAA,QAAD,CAAU,UAAU,kBAAkB,cAAA,EAAa,CAAA,CAC7C,CAAA,CACK,CAAA,EACb,MACJ,EAAA,EAAA,KAAC,EAAA,UAAD,CACE,MAAO,EACP,iBAAiB,oCAClB,CAAA,CACE,GACF,IACJ,EAAW,QACV,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,gFACV,EAAW,MACX,CAAA,EACD,IACE,IAEP,EAAM,OAAS,GAAK,EAAW,OAAS,GACvC,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,+BACA,EAAM,OAAS,EAAI,kBAAoB,aACzC,WAJF,CAMG,EAAM,OAAS,GACd,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2CACb,EAAA,EAAA,KAAC,EAAA,iBAAD,CACS,QACP,OAAQ,oBAAoB,EAAW,IACxC,CAAA,CACE,CAAA,EACH,KACH,EAAW,OAAS,GACnB,EAAA,EAAA,KAAC,EAAA,+BAAD,CACE,aAAc,EAAW,GACzB,KAAM,EACN,OAAQ,uBAAuB,EAAW,IAC3C,CAAA,EACC,IACD,IACH,KAEH,GACC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,4CAAhB,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kEAAf,CACG,GACC,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,iFACV,cAAY,MACb,CAAA,EACC,KAEH,CAAC,GAAa,GACb,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,oDACV,EAAE,EAAA,QAAQ,uCAAuC,CACjD,CAAA,EACD,KAEH,CAAC,GAAa,CAAC,GAAW,CAAC,GAC1B,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,oDACV,EAAE,EAAA,QAAQ,0BAA0B,CACpC,CAAA,EACD,KAEH,GACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,OAAQ,EAAU,OAAQ,SAAA,GAAS,UAAA,EAAW,CAAA,EAE7D,GACC,EAAA,EAAA,KAAC,EAAA,SAAD,CACE,OAAQ,EAAU,OAClB,KAAM,EAAU,WAChB,MAAO,EAAU,YACjB,UAAW,EAAU,gBACtB,CAAA,EACC,KAEH,EACC,GAAsB,GACpB,EAAA,EAAA,KAAC,EAAA,gBAAD,CACE,SACE,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,gEACV,CACA,CAAA,EAEL,UAAU,MACV,WAAY,IACM,iBAAA,GAClB,UAAU,mGAEV,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gFACb,CACG,CAAA,CACC,CAAA,GAET,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,iEACV,CACA,CAAA,EAEH,IACJ,CAAA,CAAA,EACA,IACD,IAEJ,GACC,EAAA,EAAA,KAAC,OAAD,CACE,cAAa,uBAAuB,EAAW,KAC/C,UAAU,oDAET,EAAA,mBAAmB,EAAW,EAAK,SAAU,CAAC,CAC3C,CAAA,EACJ,IACD,IACH,KAEH,GACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBACb,EAAA,EAAA,KAAC,EAAA,mBAAD,CACE,MAAO,EAAS,MAChB,KAAM,EAAS,KAAK,KACrB,CAAA,CACE,CAAA,EACH,IACD,GAET"}

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

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

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

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

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

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

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

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

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

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