@openhands/agent-canvas 1.16.0 → 1.18.0

package/dist/components/features/conversation-panel/hide-older-conversations-row.js

@@ -0,0 +1,65 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { EyeOff as n } from "../../../node_modules/lucide-react/dist/esm/icons/eye-off.js";
+import { cn as r } from "../../../utils/utils.js";
+import { dropdownMenuRowClassName as i, dropdownMenuRowIconClassName as a } from "../../../utils/dropdown-classes.js";
+import { ToggleSwitchVisual as o } from "../../../ui/toggle-switch.js";
+import { EnumFilterDropdown as s } from "../../shared/filters/enum-filter-dropdown.js";
+import { OLDER_CONVERSATION_CUTOFFS as c, isOlderConversationCutoff as l } from "./conversation-panel-list-helpers.js";
+import { useConversationPanelPreferencesStore as u } from "../../../stores/conversation-panel-preferences-store.js";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/features/conversation-panel/hide-older-conversations-row.tsx
+var p = {
+	"1h": t.CONVERSATION_PANEL$OLDER_OVER_ONE_HOUR,
+	"1d": t.CONVERSATION_PANEL$OLDER_OVER_ONE_DAY,
+	"7d": t.CONVERSATION_PANEL$OLDER_OVER_ONE_WEEK,
+	"30d": t.CONVERSATION_PANEL$OLDER_OVER_THIRTY_DAYS
+};
+function m() {
+	let { t: m } = e("openhands"), h = u((e) => e.showOlderConversations), g = u((e) => e.olderConversationCutoff), _ = u((e) => e.toggleShowOlderConversations), v = u((e) => e.setOlderConversationCutoff), y = !h, b = l(g) ? g : "7d";
+	return /* @__PURE__ */ f("div", {
+		role: "menuitemcheckbox",
+		"aria-checked": y,
+		"data-testid": "toggle-older-conversations",
+		tabIndex: 0,
+		onClick: _,
+		onKeyDown: (e) => {
+			(e.key === " " || e.key === "Enter") && (e.preventDefault(), _());
+		},
+		className: r("group", i, "text-[var(--oh-foreground)]"),
+		children: [
+			/* @__PURE__ */ d(n, {
+				className: r("h-3.5 w-3.5", a),
+				"aria-hidden": !0
+			}),
+			/* @__PURE__ */ d("span", {
+				className: "min-w-0 shrink truncate",
+				children: m(t.CONVERSATION_PANEL$HIDE_CONVERSATIONS)
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "shrink-0",
+				onClick: (e) => e.stopPropagation(),
+				onKeyDown: (e) => e.stopPropagation(),
+				children: /* @__PURE__ */ d(s, {
+					testId: "older-conversation-cutoff",
+					value: b,
+					onChange: v,
+					options: c,
+					labelKeyByValue: p,
+					ariaLabel: m(t.CONVERSATION_PANEL$OLDER_CUTOFF_LABEL),
+					emphasizeNonDefault: !1,
+					triggerClassName: r("h-7 gap-1 rounded py-0 pl-2 pr-1.5 font-normal", "text-[var(--oh-foreground)] [&_svg]:h-3 [&_svg]:w-3 [&_svg]:text-[var(--oh-muted)]")
+				})
+			}),
+			/* @__PURE__ */ d(o, {
+				enabled: y,
+				size: "sm",
+				className: "ml-auto"
+			})
+		]
+	});
+}
+//#endregion
+export { m as HideOlderConversationsRow };
+
+//# sourceMappingURL=hide-older-conversations-row.js.map

package/dist/components/features/conversation-panel/hide-older-conversations-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hide-older-conversations-row.js","names":[],"sources":["../../../../src/components/features/conversation-panel/hide-older-conversations-row.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { EyeOff } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownMenuRowClassName,\n  dropdownMenuRowIconClassName,\n} from \"#/utils/dropdown-classes\";\nimport { ToggleSwitchVisual } from \"#/ui/toggle-switch\";\nimport { EnumFilterDropdown } from \"#/components/shared/filters/enum-filter-dropdown\";\nimport { useConversationPanelPreferencesStore } from \"#/stores/conversation-panel-preferences-store\";\nimport {\n  DEFAULT_OLDER_CONVERSATION_CUTOFF,\n  isOlderConversationCutoff,\n  OLDER_CONVERSATION_CUTOFFS,\n} from \"./conversation-panel-list-helpers\";\n\nconst CUTOFF_LABEL_KEYS = {\n  \"1h\": I18nKey.CONVERSATION_PANEL$OLDER_OVER_ONE_HOUR,\n  \"1d\": I18nKey.CONVERSATION_PANEL$OLDER_OVER_ONE_DAY,\n  \"7d\": I18nKey.CONVERSATION_PANEL$OLDER_OVER_ONE_WEEK,\n  \"30d\": I18nKey.CONVERSATION_PANEL$OLDER_OVER_THIRTY_DAYS,\n} as const;\n\n/**\n * Hide-older control: a toggle plus an interval select. The persisted\n * preference is still `showOlderConversations` (true = show everything);\n * the toggle is inverted so on means hide.\n */\nexport function HideOlderConversationsRow() {\n  const { t } = useTranslation(\"openhands\");\n  const showOlderConversations = useConversationPanelPreferencesStore(\n    (state) => state.showOlderConversations,\n  );\n  const olderConversationCutoff = useConversationPanelPreferencesStore(\n    (state) => state.olderConversationCutoff,\n  );\n  const toggleShowOlderConversations = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowOlderConversations,\n  );\n  const setOlderConversationCutoff = useConversationPanelPreferencesStore(\n    (state) => state.setOlderConversationCutoff,\n  );\n\n  const hideOlder = !showOlderConversations;\n  const cutoff = isOlderConversationCutoff(olderConversationCutoff)\n    ? olderConversationCutoff\n    : DEFAULT_OLDER_CONVERSATION_CUTOFF;\n\n  return (\n    <div\n      role=\"menuitemcheckbox\"\n      aria-checked={hideOlder}\n      data-testid=\"toggle-older-conversations\"\n      tabIndex={0}\n      onClick={toggleShowOlderConversations}\n      onKeyDown={(event) => {\n        if (event.key === \" \" || event.key === \"Enter\") {\n          event.preventDefault();\n          toggleShowOlderConversations();\n        }\n      }}\n      className={cn(\n        \"group\",\n        dropdownMenuRowClassName,\n        \"text-[var(--oh-foreground)]\",\n      )}\n    >\n      <EyeOff\n        className={cn(\"h-3.5 w-3.5\", dropdownMenuRowIconClassName)}\n        aria-hidden\n      />\n      <span className=\"min-w-0 shrink truncate\">\n        {t(I18nKey.CONVERSATION_PANEL$HIDE_CONVERSATIONS)}\n      </span>\n      <div\n        className=\"shrink-0\"\n        onClick={(event) => event.stopPropagation()}\n        onKeyDown={(event) => event.stopPropagation()}\n      >\n        <EnumFilterDropdown\n          testId=\"older-conversation-cutoff\"\n          value={cutoff}\n          onChange={setOlderConversationCutoff}\n          options={OLDER_CONVERSATION_CUTOFFS}\n          labelKeyByValue={CUTOFF_LABEL_KEYS}\n          ariaLabel={t(I18nKey.CONVERSATION_PANEL$OLDER_CUTOFF_LABEL)}\n          emphasizeNonDefault={false}\n          triggerClassName={cn(\n            \"h-7 gap-1 rounded py-0 pl-2 pr-1.5 font-normal\",\n            \"text-[var(--oh-foreground)] [&_svg]:h-3 [&_svg]:w-3 [&_svg]:text-[var(--oh-muted)]\",\n          )}\n        />\n      </div>\n      <ToggleSwitchVisual enabled={hideOlder} size=\"sm\" className=\"ml-auto\" />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAiBA,IAAM,IAAoB;CACxB,MAAM,EAAQ;CACd,MAAM,EAAQ;CACd,MAAM,EAAQ;CACd,OAAO,EAAQ;AACjB;AAOA,SAAgB,IAA4B;CAC1C,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAyB,GAC5B,MAAU,EAAM,sBACnB,GACM,IAA0B,GAC7B,MAAU,EAAM,uBACnB,GACM,IAA+B,GAClC,MAAU,EAAM,4BACnB,GACM,IAA6B,GAChC,MAAU,EAAM,0BACnB,GAEM,IAAY,CAAC,GACb,IAAS,EAA0B,CAAuB,IAC5D,IAAA;CAGJ,OACE,kBAAC,OAAD;EACE,MAAK;EACL,gBAAc;EACd,eAAY;EACZ,UAAU;EACV,SAAS;EACT,YAAY,MAAU;GACpB,CAAI,EAAM,QAAQ,OAAO,EAAM,QAAQ,aACrC,EAAM,eAAe,GACrB,EAA6B;EAEjC;EACA,WAAW,EACT,SACA,GACA,6BACF;YAhBF;GAkBE,kBAAC,GAAD;IACE,WAAW,EAAG,eAAe,CAA4B;IACzD,eAAA;GACD,CAAA;GACD,kBAAC,QAAD;IAAM,WAAU;cACb,EAAE,EAAQ,qCAAqC;GAC5C,CAAA;GACN,kBAAC,OAAD;IACE,WAAU;IACV,UAAU,MAAU,EAAM,gBAAgB;IAC1C,YAAY,MAAU,EAAM,gBAAgB;cAE5C,kBAAC,GAAD;KACE,QAAO;KACP,OAAO;KACP,UAAU;KACV,SAAS;KACT,iBAAiB;KACjB,WAAW,EAAE,EAAQ,qCAAqC;KAC1D,qBAAqB;KACrB,kBAAkB,EAChB,kDACA,oFACF;IACD,CAAA;GACE,CAAA;GACL,kBAAC,GAAD;IAAoB,SAAS;IAAW,MAAK;IAAK,WAAU;GAAW,CAAA;EACpE;;AAET"}

package/dist/components/features/conversation-panel/menu-row.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/lucide-react/dist/esm/icons/check.cjs"),n=require("../../../utils/utils.cjs"),r=require("../../../utils/dropdown-classes.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({icon:e,label:i,selected:o,onClick:s,testId:c,disabled:l}){return(0,a.jsxs)(`button`,{type:`button`,role:o===void 0?`menuitem`:`menuitemradio`,"aria-checked":o===void 0?void 0:!!o,"data-testid":c,disabled:l,onClick:s,className:n.cn(`group`,r.dropdownMenuRowClassName,`text-[var(--oh-foreground)] disabled:opacity-50`),children:[(0,a.jsx)(e,{className:n.cn(`h-3.5 w-3.5`,r.dropdownMenuRowIconClassName),"aria-hidden":!0}),(0,a.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:i}),o?(0,a.jsx)(t.Check,{className:`ml-auto h-3.5 w-3.5 shrink-0 text-white`,"aria-hidden":!0}):null]})}exports.MenuRow=o;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/lucide-react/dist/esm/icons/check.cjs"),n=require("../../../utils/utils.cjs"),r=require("../../../utils/dropdown-classes.cjs"),i=require("../../../ui/toggle-switch.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");function s({icon:e,label:a,sublabel:s,selected:c,onClick:l,testId:u,disabled:d,destructive:f,variant:p=`radio`}){return(0,o.jsxs)(`button`,{type:`button`,role:c===void 0?`menuitem`:p===`toggle`?`menuitemcheckbox`:`menuitemradio`,"aria-checked":c===void 0?void 0:!!c,"data-testid":u,disabled:d,onClick:l,className:n.cn(`group`,r.dropdownMenuRowClassName,`disabled:opacity-50`,f?`text-danger`:`text-[var(--oh-foreground)]`),children:[(0,o.jsx)(e,{className:n.cn(`h-3.5 w-3.5`,r.dropdownMenuRowIconClassName,f&&`text-danger group-hover:text-danger group-focus-visible:text-danger`),"aria-hidden":!0}),(0,o.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,o.jsx)(`span`,{className:`block truncate`,children:a}),s?(0,o.jsx)(`span`,{className:`block truncate text-[10px] text-[var(--oh-muted)]/70`,children:s}):null]}),c===void 0?null:p===`toggle`?(0,o.jsx)(i.ToggleSwitchVisual,{enabled:!!c,size:`sm`,className:`ml-auto`}):c?(0,o.jsx)(t.Check,{className:`ml-auto h-3.5 w-3.5 shrink-0 text-white`,"aria-hidden":!0}):null]})}exports.MenuRow=s;
 //# sourceMappingURL=menu-row.cjs.map

package/dist/components/features/conversation-panel/menu-row.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"menu-row.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/menu-row.tsx"],"sourcesContent":["import React from \"react\";\nimport { Check } from \"lucide-react\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownMenuRowClassName,\n  dropdownMenuRowIconClassName,\n} from \"#/utils/dropdown-classes\";\n\nexport function MenuRow({\n  icon: Icon,\n  label,\n  selected,\n  onClick,\n  testId,\n  disabled,\n}: {\n  icon: React.ComponentType<{ className?: string; \"aria-hidden\"?: boolean }>;\n  label: string;\n  selected?: boolean;\n  onClick: () => void;\n  testId?: string;\n  disabled?: boolean;\n}) {\n  // Rows that show a selection checkmark are toggleable preferences, so\n  // they get `role=\"menuitemradio\"` when they're part of a selectable\n  // group and `role=\"menuitemcheckbox\"` when they're a standalone toggle.\n  // For simplicity we use `menuitemradio` whenever `selected` is provided\n  // (every selectable row in this menu is part of a mutually exclusive\n  // group in practice) and fall back to plain `menuitem` otherwise.\n  const role = selected === undefined ? \"menuitem\" : \"menuitemradio\";\n  return (\n    <button\n      type=\"button\"\n      role={role}\n      aria-checked={selected === undefined ? undefined : Boolean(selected)}\n      data-testid={testId}\n      disabled={disabled}\n      onClick={onClick}\n      className={cn(\n        \"group\",\n        dropdownMenuRowClassName,\n        \"text-[var(--oh-foreground)] disabled:opacity-50\",\n      )}\n    >\n      <Icon\n        className={cn(\"h-3.5 w-3.5\", dropdownMenuRowIconClassName)}\n        aria-hidden\n      />\n      <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n      {selected ? (\n        <Check\n          className=\"ml-auto h-3.5 w-3.5 shrink-0 text-white\"\n          aria-hidden\n        />\n      ) : null}\n    </button>\n  );\n}\n"],"mappings":"sSAQA,SAAgB,EAAQ,CACtB,KAAM,EACN,QACA,WACA,UACA,SACA,YAQC,CAQD,OACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACC,KAJG,IAAa,IAAA,GAAY,WAAa,gBAK/C,eAAc,IAAa,IAAA,GAAY,IAAA,GAAY,EAAQ,EAC3D,cAAa,EACH,WACD,UACT,UAAW,EAAA,GACT,QACA,EAAA,yBACA,iDACF,WAXF,EAaE,EAAA,EAAA,KAAC,EAAD,CACE,UAAW,EAAA,GAAG,cAAe,EAAA,4BAA4B,EACzD,cAAA,EACD,CAAA,GACD,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mCAA2B,CAAY,CAAA,EACtD,GACC,EAAA,EAAA,KAAC,EAAA,MAAD,CACE,UAAU,0CACV,cAAA,EACD,CAAA,EACC,IACE,GAEZ"}
+{"version":3,"file":"menu-row.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/menu-row.tsx"],"sourcesContent":["import React from \"react\";\nimport { Check } from \"lucide-react\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownMenuRowClassName,\n  dropdownMenuRowIconClassName,\n} from \"#/utils/dropdown-classes\";\nimport { ToggleSwitchVisual } from \"#/ui/toggle-switch\";\n\nexport function MenuRow({\n  icon: Icon,\n  label,\n  sublabel,\n  selected,\n  onClick,\n  testId,\n  disabled,\n  destructive,\n  variant = \"radio\",\n}: {\n  icon: React.ComponentType<{ className?: string; \"aria-hidden\"?: boolean }>;\n  label: string;\n  /** Muted second line under the label (e.g. a threshold hint). */\n  sublabel?: string;\n  selected?: boolean;\n  onClick: () => void;\n  testId?: string;\n  disabled?: boolean;\n  /** Destructive action rows (delete/reset) render in the danger color. */\n  destructive?: boolean;\n  /**\n   * \"radio\" rows mark selection with a checkmark (mutually exclusive\n   * groups); \"toggle\" rows render a switch pill for independent on/off\n   * preferences that stay put after clicking (modal-style menus).\n   */\n  variant?: \"radio\" | \"toggle\";\n}) {\n  const role =\n    selected === undefined\n      ? \"menuitem\"\n      : variant === \"toggle\"\n        ? \"menuitemcheckbox\"\n        : \"menuitemradio\";\n  return (\n    <button\n      type=\"button\"\n      role={role}\n      aria-checked={selected === undefined ? undefined : Boolean(selected)}\n      data-testid={testId}\n      disabled={disabled}\n      onClick={onClick}\n      className={cn(\n        \"group\",\n        dropdownMenuRowClassName,\n        \"disabled:opacity-50\",\n        destructive ? \"text-danger\" : \"text-[var(--oh-foreground)]\",\n      )}\n    >\n      <Icon\n        className={cn(\n          \"h-3.5 w-3.5\",\n          dropdownMenuRowIconClassName,\n          destructive &&\n            \"text-danger group-hover:text-danger group-focus-visible:text-danger\",\n        )}\n        aria-hidden\n      />\n      <span className=\"min-w-0 flex-1\">\n        <span className=\"block truncate\">{label}</span>\n        {sublabel ? (\n          <span className=\"block truncate text-[10px] text-[var(--oh-muted)]/70\">\n            {sublabel}\n          </span>\n        ) : null}\n      </span>\n      {selected === undefined ? null : variant === \"toggle\" ? (\n        <ToggleSwitchVisual\n          enabled={Boolean(selected)}\n          size=\"sm\"\n          className=\"ml-auto\"\n        />\n      ) : selected ? (\n        <Check\n          className=\"ml-auto h-3.5 w-3.5 shrink-0 text-white\"\n          aria-hidden\n        />\n      ) : null}\n    </button>\n  );\n}\n"],"mappings":"iVASA,SAAgB,EAAQ,CACtB,KAAM,EACN,QACA,WACA,WACA,UACA,SACA,WACA,cACA,UAAU,SAkBT,CAOD,OACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACC,KARR,IAAa,IAAA,GACT,WACA,IAAY,SACV,mBACA,gBAKJ,eAAc,IAAa,IAAA,GAAY,IAAA,GAAY,EAAQ,EAC3D,cAAa,EACH,WACD,UACT,UAAW,EAAA,GACT,QACA,EAAA,yBACA,sBACA,EAAc,cAAgB,6BAChC,WAZF,EAcE,EAAA,EAAA,KAAC,EAAD,CACE,UAAW,EAAA,GACT,cACA,EAAA,6BACA,GACE,qEACJ,EACA,cAAA,EACD,CAAA,GACD,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,0BAAhB,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,0BAAkB,CAAY,CAAA,EAC7C,GACC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gEACb,CACG,CAAA,EACJ,IACA,IACL,IAAa,IAAA,GAAY,KAAO,IAAY,UAC3C,EAAA,EAAA,KAAC,EAAA,mBAAD,CACE,QAAS,EAAQ,EACjB,KAAK,KACL,UAAU,SACX,CAAA,EACC,GACF,EAAA,EAAA,KAAC,EAAA,MAAD,CACE,UAAU,0CACV,cAAA,EACD,CAAA,EACC,IACE,GAEZ"}

package/dist/components/features/conversation-panel/menu-row.d.ts

@@ -1,12 +1,22 @@
 import React from "react";
-export declare function MenuRow({ icon: Icon, label, selected, onClick, testId, disabled, }: {
+export declare function MenuRow({ icon: Icon, label, sublabel, selected, onClick, testId, disabled, destructive, variant, }: {
     icon: React.ComponentType<{
         className?: string;
         "aria-hidden"?: boolean;
     }>;
     label: string;
+    /** Muted second line under the label (e.g. a threshold hint). */
+    sublabel?: string;
     selected?: boolean;
     onClick: () => void;
     testId?: string;
     disabled?: boolean;
+    /** Destructive action rows (delete/reset) render in the danger color. */
+    destructive?: boolean;
+    /**
+     * "radio" rows mark selection with a checkmark (mutually exclusive
+     * groups); "toggle" rows render a switch pill for independent on/off
+     * preferences that stay put after clicking (modal-style menus).
+     */
+    variant?: "radio" | "toggle";
 }): React.JSX.Element;

package/dist/components/features/conversation-panel/menu-row.js

@@ -1,28 +1,39 @@
 import { Check as e } from "../../../node_modules/lucide-react/dist/esm/icons/check.js";
 import { cn as t } from "../../../utils/utils.js";
 import { dropdownMenuRowClassName as n, dropdownMenuRowIconClassName as r } from "../../../utils/dropdown-classes.js";
+import { ToggleSwitchVisual as i } from "../../../ui/toggle-switch.js";
 import "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/features/conversation-panel/menu-row.tsx
-function o({ icon: o, label: s, selected: c, onClick: l, testId: u, disabled: d }) {
-	return /* @__PURE__ */ a("button", {
+function s({ icon: s, label: c, sublabel: l, selected: u, onClick: d, testId: f, disabled: p, destructive: m, variant: h = "radio" }) {
+	return /* @__PURE__ */ o("button", {
 		type: "button",
-		role: c === void 0 ? "menuitem" : "menuitemradio",
-		"aria-checked": c === void 0 ? void 0 : !!c,
-		"data-testid": u,
-		disabled: d,
-		onClick: l,
-		className: t("group", n, "text-[var(--oh-foreground)] disabled:opacity-50"),
+		role: u === void 0 ? "menuitem" : h === "toggle" ? "menuitemcheckbox" : "menuitemradio",
+		"aria-checked": u === void 0 ? void 0 : !!u,
+		"data-testid": f,
+		disabled: p,
+		onClick: d,
+		className: t("group", n, "disabled:opacity-50", m ? "text-danger" : "text-[var(--oh-foreground)]"),
 		children: [
-			/* @__PURE__ */ i(o, {
-				className: t("h-3.5 w-3.5", r),
+			/* @__PURE__ */ a(s, {
+				className: t("h-3.5 w-3.5", r, m && "text-danger group-hover:text-danger group-focus-visible:text-danger"),
 				"aria-hidden": !0
 			}),
-			/* @__PURE__ */ i("span", {
-				className: "min-w-0 flex-1 truncate",
-				children: s
+			/* @__PURE__ */ o("span", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ a("span", {
+					className: "block truncate",
+					children: c
+				}), l ? /* @__PURE__ */ a("span", {
+					className: "block truncate text-[10px] text-[var(--oh-muted)]/70",
+					children: l
+				}) : null]
 			}),
-			c ? /* @__PURE__ */ i(e, {
+			u === void 0 ? null : h === "toggle" ? /* @__PURE__ */ a(i, {
+				enabled: !!u,
+				size: "sm",
+				className: "ml-auto"
+			}) : u ? /* @__PURE__ */ a(e, {
 				className: "ml-auto h-3.5 w-3.5 shrink-0 text-white",
 				"aria-hidden": !0
 			}) : null
@@ -30,6 +41,6 @@ function o({ icon: o, label: s, selected: c, onClick: l, testId: u, disabled: d
 	});
 }
 //#endregion
-export { o as MenuRow };
+export { s as MenuRow };
 
 //# sourceMappingURL=menu-row.js.map

package/dist/components/features/conversation-panel/menu-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-row.js","names":[],"sources":["../../../../src/components/features/conversation-panel/menu-row.tsx"],"sourcesContent":["import React from \"react\";\nimport { Check } from \"lucide-react\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownMenuRowClassName,\n  dropdownMenuRowIconClassName,\n} from \"#/utils/dropdown-classes\";\n\nexport function MenuRow({\n  icon: Icon,\n  label,\n  selected,\n  onClick,\n  testId,\n  disabled,\n}: {\n  icon: React.ComponentType<{ className?: string; \"aria-hidden\"?: boolean }>;\n  label: string;\n  selected?: boolean;\n  onClick: () => void;\n  testId?: string;\n  disabled?: boolean;\n}) {\n  // Rows that show a selection checkmark are toggleable preferences, so\n  // they get `role=\"menuitemradio\"` when they're part of a selectable\n  // group and `role=\"menuitemcheckbox\"` when they're a standalone toggle.\n  // For simplicity we use `menuitemradio` whenever `selected` is provided\n  // (every selectable row in this menu is part of a mutually exclusive\n  // group in practice) and fall back to plain `menuitem` otherwise.\n  const role = selected === undefined ? \"menuitem\" : \"menuitemradio\";\n  return (\n    <button\n      type=\"button\"\n      role={role}\n      aria-checked={selected === undefined ? undefined : Boolean(selected)}\n      data-testid={testId}\n      disabled={disabled}\n      onClick={onClick}\n      className={cn(\n        \"group\",\n        dropdownMenuRowClassName,\n        \"text-[var(--oh-foreground)] disabled:opacity-50\",\n      )}\n    >\n      <Icon\n        className={cn(\"h-3.5 w-3.5\", dropdownMenuRowIconClassName)}\n        aria-hidden\n      />\n      <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n      {selected ? (\n        <Check\n          className=\"ml-auto h-3.5 w-3.5 shrink-0 text-white\"\n          aria-hidden\n        />\n      ) : null}\n    </button>\n  );\n}\n"],"mappings":";;;;;;AAQA,SAAgB,EAAQ,EACtB,MAAM,GACN,UACA,aACA,YACA,WACA,eAQC;CAQD,OACE,kBAAC,UAAD;EACE,MAAK;EACC,MAJG,MAAa,KAAA,IAAY,aAAa;EAK/C,gBAAc,MAAa,KAAA,IAAY,KAAA,IAAY,EAAQ;EAC3D,eAAa;EACH;EACD;EACT,WAAW,EACT,SACA,GACA,iDACF;YAXF;GAaE,kBAAC,GAAD;IACE,WAAW,EAAG,eAAe,CAA4B;IACzD,eAAA;GACD,CAAA;GACD,kBAAC,QAAD;IAAM,WAAU;cAA2B;GAAY,CAAA;GACtD,IACC,kBAAC,GAAD;IACE,WAAU;IACV,eAAA;GACD,CAAA,IACC;EACE;;AAEZ"}
+{"version":3,"file":"menu-row.js","names":[],"sources":["../../../../src/components/features/conversation-panel/menu-row.tsx"],"sourcesContent":["import React from \"react\";\nimport { Check } from \"lucide-react\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownMenuRowClassName,\n  dropdownMenuRowIconClassName,\n} from \"#/utils/dropdown-classes\";\nimport { ToggleSwitchVisual } from \"#/ui/toggle-switch\";\n\nexport function MenuRow({\n  icon: Icon,\n  label,\n  sublabel,\n  selected,\n  onClick,\n  testId,\n  disabled,\n  destructive,\n  variant = \"radio\",\n}: {\n  icon: React.ComponentType<{ className?: string; \"aria-hidden\"?: boolean }>;\n  label: string;\n  /** Muted second line under the label (e.g. a threshold hint). */\n  sublabel?: string;\n  selected?: boolean;\n  onClick: () => void;\n  testId?: string;\n  disabled?: boolean;\n  /** Destructive action rows (delete/reset) render in the danger color. */\n  destructive?: boolean;\n  /**\n   * \"radio\" rows mark selection with a checkmark (mutually exclusive\n   * groups); \"toggle\" rows render a switch pill for independent on/off\n   * preferences that stay put after clicking (modal-style menus).\n   */\n  variant?: \"radio\" | \"toggle\";\n}) {\n  const role =\n    selected === undefined\n      ? \"menuitem\"\n      : variant === \"toggle\"\n        ? \"menuitemcheckbox\"\n        : \"menuitemradio\";\n  return (\n    <button\n      type=\"button\"\n      role={role}\n      aria-checked={selected === undefined ? undefined : Boolean(selected)}\n      data-testid={testId}\n      disabled={disabled}\n      onClick={onClick}\n      className={cn(\n        \"group\",\n        dropdownMenuRowClassName,\n        \"disabled:opacity-50\",\n        destructive ? \"text-danger\" : \"text-[var(--oh-foreground)]\",\n      )}\n    >\n      <Icon\n        className={cn(\n          \"h-3.5 w-3.5\",\n          dropdownMenuRowIconClassName,\n          destructive &&\n            \"text-danger group-hover:text-danger group-focus-visible:text-danger\",\n        )}\n        aria-hidden\n      />\n      <span className=\"min-w-0 flex-1\">\n        <span className=\"block truncate\">{label}</span>\n        {sublabel ? (\n          <span className=\"block truncate text-[10px] text-[var(--oh-muted)]/70\">\n            {sublabel}\n          </span>\n        ) : null}\n      </span>\n      {selected === undefined ? null : variant === \"toggle\" ? (\n        <ToggleSwitchVisual\n          enabled={Boolean(selected)}\n          size=\"sm\"\n          className=\"ml-auto\"\n        />\n      ) : selected ? (\n        <Check\n          className=\"ml-auto h-3.5 w-3.5 shrink-0 text-white\"\n          aria-hidden\n        />\n      ) : null}\n    </button>\n  );\n}\n"],"mappings":";;;;;;;AASA,SAAgB,EAAQ,EACtB,MAAM,GACN,UACA,aACA,aACA,YACA,WACA,aACA,gBACA,aAAU,WAkBT;CAOD,OACE,kBAAC,UAAD;EACE,MAAK;EACC,MARR,MAAa,KAAA,IACT,aACA,MAAY,WACV,qBACA;EAKJ,gBAAc,MAAa,KAAA,IAAY,KAAA,IAAY,EAAQ;EAC3D,eAAa;EACH;EACD;EACT,WAAW,EACT,SACA,GACA,uBACA,IAAc,gBAAgB,6BAChC;YAZF;GAcE,kBAAC,GAAD;IACE,WAAW,EACT,eACA,GACA,KACE,qEACJ;IACA,eAAA;GACD,CAAA;GACD,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACE,kBAAC,QAAD;KAAM,WAAU;eAAkB;IAAY,CAAA,GAC7C,IACC,kBAAC,QAAD;KAAM,WAAU;eACb;IACG,CAAA,IACJ,IACA;;GACL,MAAa,KAAA,IAAY,OAAO,MAAY,WAC3C,kBAAC,GAAD;IACE,SAAS,EAAQ;IACjB,MAAK;IACL,WAAU;GACX,CAAA,IACC,IACF,kBAAC,GAAD;IACE,WAAU;IACV,eAAA;GACD,CAAA,IACC;EACE;;AAEZ"}

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

@@ -1,2 +1,2 @@
-require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../utils/utils.cjs");let t=require("react/jsx-runtime");function n({health:n}){return n===`success`?(0,t.jsx)(`svg`,{viewBox:`0 0 12 12`,className:`h-2.5 w-2.5 shrink-0 stroke-[var(--oh-status-success)]`,fill:`none`,strokeWidth:2.25,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:(0,t.jsx)(`path`,{d:`M2.5 6.5 5 9l4.5-5.5`})}):(0,t.jsx)(`span`,{"aria-hidden":`true`,className:e.cn(`h-1.5 w-1.5 shrink-0 rounded-full`,n===`failed`&&`bg-[var(--oh-status-error)]`,n===`in_progress`&&`animate-pulse bg-[var(--oh-status-success)] motion-reduce:animate-none`,(n===`none`||n===`unknown`)&&`bg-[var(--oh-border)]`)})}exports.AutomationHealthIndicator=n;
+require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../utils/utils.cjs");let t=require("react/jsx-runtime");function n({health:n}){return n===`success`?(0,t.jsx)(`svg`,{viewBox:`0 0 12 12`,className:`h-2.5 w-2.5 shrink-0 stroke-[var(--oh-status-success)]`,fill:`none`,strokeWidth:2.25,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:(0,t.jsx)(`path`,{d:`M2.5 6.5 5 9l4.5-5.5`})}):(0,t.jsx)(`span`,{"aria-hidden":`true`,className:e.cn(`h-1.5 w-1.5 shrink-0 rounded-full`,n===`failed`&&`bg-[var(--oh-status-error)]`,n===`warning`&&`bg-[var(--oh-warning)]`,n===`in_progress`&&`animate-pulse bg-[var(--oh-status-success)] motion-reduce:animate-none`,(n===`none`||n===`unknown`)&&`bg-[var(--oh-border)]`)})}exports.AutomationHealthIndicator=n;
 //# sourceMappingURL=automation-health-indicator.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"automation-health-indicator.cjs","names":[],"sources":["../../../../../src/components/features/home/featured-automations/automation-health-indicator.tsx"],"sourcesContent":["import { cn } from \"#/utils/utils\";\nimport type { AutomationRunHealth } from \"./automation-run-health\";\n\ninterface AutomationHealthIndicatorProps {\n  health: AutomationRunHealth;\n}\n\n/**\n * Visual-only latest-run health mark. Decorative on purpose: the owning\n * control carries the translated status text (e.g. via sr-only), so the\n * indicator itself is hidden from assistive technology.\n */\nexport function AutomationHealthIndicator({\n  health,\n}: AutomationHealthIndicatorProps) {\n  if (health === \"success\") {\n    return (\n      <svg\n        viewBox=\"0 0 12 12\"\n        className=\"h-2.5 w-2.5 shrink-0 stroke-[var(--oh-status-success)]\"\n        fill=\"none\"\n        strokeWidth={2.25}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M2.5 6.5 5 9l4.5-5.5\" />\n      </svg>\n    );\n  }\n\n  return (\n    <span\n      aria-hidden=\"true\"\n      className={cn(\n        \"h-1.5 w-1.5 shrink-0 rounded-full\",\n        health === \"failed\" && \"bg-[var(--oh-status-error)]\",\n        health === \"in_progress\" &&\n          \"animate-pulse bg-[var(--oh-status-success)] motion-reduce:animate-none\",\n        (health === \"none\" || health === \"unknown\") && \"bg-[var(--oh-border)]\",\n      )}\n    />\n  );\n}\n"],"mappings":"wIAYA,SAAgB,EAA0B,CACxC,UACiC,CAiBjC,OAhBI,IAAW,WAEX,EAAA,EAAA,KAAC,MAAD,CACE,QAAQ,YACR,UAAU,yDACV,KAAK,OACL,YAAa,KACb,cAAc,QACd,eAAe,QACf,cAAY,iBAEZ,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,sBAAwB,CAAA,CAC7B,CAAA,GAKP,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,UAAW,EAAA,GACT,oCACA,IAAW,UAAY,8BACvB,IAAW,eACT,0EACD,IAAW,QAAU,IAAW,YAAc,uBACjD,CACD,CAAA,CAEL"}
+{"version":3,"file":"automation-health-indicator.cjs","names":[],"sources":["../../../../../src/components/features/home/featured-automations/automation-health-indicator.tsx"],"sourcesContent":["import { cn } from \"#/utils/utils\";\nimport type { AutomationRunHealth } from \"./automation-run-health\";\n\ninterface AutomationHealthIndicatorProps {\n  health: AutomationRunHealth;\n}\n\n/**\n * Visual-only latest-run health mark. Decorative on purpose: the owning\n * control carries the translated status text (e.g. via sr-only), so the\n * indicator itself is hidden from assistive technology.\n */\nexport function AutomationHealthIndicator({\n  health,\n}: AutomationHealthIndicatorProps) {\n  if (health === \"success\") {\n    return (\n      <svg\n        viewBox=\"0 0 12 12\"\n        className=\"h-2.5 w-2.5 shrink-0 stroke-[var(--oh-status-success)]\"\n        fill=\"none\"\n        strokeWidth={2.25}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M2.5 6.5 5 9l4.5-5.5\" />\n      </svg>\n    );\n  }\n\n  return (\n    <span\n      aria-hidden=\"true\"\n      className={cn(\n        \"h-1.5 w-1.5 shrink-0 rounded-full\",\n        health === \"failed\" && \"bg-[var(--oh-status-error)]\",\n        health === \"warning\" && \"bg-[var(--oh-warning)]\",\n        health === \"in_progress\" &&\n          \"animate-pulse bg-[var(--oh-status-success)] motion-reduce:animate-none\",\n        (health === \"none\" || health === \"unknown\") && \"bg-[var(--oh-border)]\",\n      )}\n    />\n  );\n}\n"],"mappings":"wIAYA,SAAgB,EAA0B,CACxC,UACiC,CAiBjC,OAhBI,IAAW,WAEX,EAAA,EAAA,KAAC,MAAD,CACE,QAAQ,YACR,UAAU,yDACV,KAAK,OACL,YAAa,KACb,cAAc,QACd,eAAe,QACf,cAAY,iBAEZ,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,sBAAwB,CAAA,CAC7B,CAAA,GAKP,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,UAAW,EAAA,GACT,oCACA,IAAW,UAAY,8BACvB,IAAW,WAAa,yBACxB,IAAW,eACT,0EACD,IAAW,QAAU,IAAW,YAAc,uBACjD,CACD,CAAA,CAEL"}

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

@@ -13,7 +13,7 @@ function n({ health: n }) {
 		children: /* @__PURE__ */ t("path", { d: "M2.5 6.5 5 9l4.5-5.5" })
 	}) : /* @__PURE__ */ t("span", {
 		"aria-hidden": "true",
-		className: e("h-1.5 w-1.5 shrink-0 rounded-full", n === "failed" && "bg-[var(--oh-status-error)]", n === "in_progress" && "animate-pulse bg-[var(--oh-status-success)] motion-reduce:animate-none", (n === "none" || n === "unknown") && "bg-[var(--oh-border)]")
+		className: e("h-1.5 w-1.5 shrink-0 rounded-full", n === "failed" && "bg-[var(--oh-status-error)]", n === "warning" && "bg-[var(--oh-warning)]", n === "in_progress" && "animate-pulse bg-[var(--oh-status-success)] motion-reduce:animate-none", (n === "none" || n === "unknown") && "bg-[var(--oh-border)]")
 	});
 }
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"automation-health-indicator.js","names":[],"sources":["../../../../../src/components/features/home/featured-automations/automation-health-indicator.tsx"],"sourcesContent":["import { cn } from \"#/utils/utils\";\nimport type { AutomationRunHealth } from \"./automation-run-health\";\n\ninterface AutomationHealthIndicatorProps {\n  health: AutomationRunHealth;\n}\n\n/**\n * Visual-only latest-run health mark. Decorative on purpose: the owning\n * control carries the translated status text (e.g. via sr-only), so the\n * indicator itself is hidden from assistive technology.\n */\nexport function AutomationHealthIndicator({\n  health,\n}: AutomationHealthIndicatorProps) {\n  if (health === \"success\") {\n    return (\n      <svg\n        viewBox=\"0 0 12 12\"\n        className=\"h-2.5 w-2.5 shrink-0 stroke-[var(--oh-status-success)]\"\n        fill=\"none\"\n        strokeWidth={2.25}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M2.5 6.5 5 9l4.5-5.5\" />\n      </svg>\n    );\n  }\n\n  return (\n    <span\n      aria-hidden=\"true\"\n      className={cn(\n        \"h-1.5 w-1.5 shrink-0 rounded-full\",\n        health === \"failed\" && \"bg-[var(--oh-status-error)]\",\n        health === \"in_progress\" &&\n          \"animate-pulse bg-[var(--oh-status-success)] motion-reduce:animate-none\",\n        (health === \"none\" || health === \"unknown\") && \"bg-[var(--oh-border)]\",\n      )}\n    />\n  );\n}\n"],"mappings":";;;AAYA,SAAgB,EAA0B,EACxC,aACiC;CAiBjC,OAhBI,MAAW,YAEX,kBAAC,OAAD;EACE,SAAQ;EACR,WAAU;EACV,MAAK;EACL,aAAa;EACb,eAAc;EACd,gBAAe;EACf,eAAY;YAEZ,kBAAC,QAAD,EAAM,GAAE,uBAAwB,CAAA;CAC7B,CAAA,IAKP,kBAAC,QAAD;EACE,eAAY;EACZ,WAAW,EACT,qCACA,MAAW,YAAY,+BACvB,MAAW,iBACT,2EACD,MAAW,UAAU,MAAW,cAAc,uBACjD;CACD,CAAA;AAEL"}
+{"version":3,"file":"automation-health-indicator.js","names":[],"sources":["../../../../../src/components/features/home/featured-automations/automation-health-indicator.tsx"],"sourcesContent":["import { cn } from \"#/utils/utils\";\nimport type { AutomationRunHealth } from \"./automation-run-health\";\n\ninterface AutomationHealthIndicatorProps {\n  health: AutomationRunHealth;\n}\n\n/**\n * Visual-only latest-run health mark. Decorative on purpose: the owning\n * control carries the translated status text (e.g. via sr-only), so the\n * indicator itself is hidden from assistive technology.\n */\nexport function AutomationHealthIndicator({\n  health,\n}: AutomationHealthIndicatorProps) {\n  if (health === \"success\") {\n    return (\n      <svg\n        viewBox=\"0 0 12 12\"\n        className=\"h-2.5 w-2.5 shrink-0 stroke-[var(--oh-status-success)]\"\n        fill=\"none\"\n        strokeWidth={2.25}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M2.5 6.5 5 9l4.5-5.5\" />\n      </svg>\n    );\n  }\n\n  return (\n    <span\n      aria-hidden=\"true\"\n      className={cn(\n        \"h-1.5 w-1.5 shrink-0 rounded-full\",\n        health === \"failed\" && \"bg-[var(--oh-status-error)]\",\n        health === \"warning\" && \"bg-[var(--oh-warning)]\",\n        health === \"in_progress\" &&\n          \"animate-pulse bg-[var(--oh-status-success)] motion-reduce:animate-none\",\n        (health === \"none\" || health === \"unknown\") && \"bg-[var(--oh-border)]\",\n      )}\n    />\n  );\n}\n"],"mappings":";;;AAYA,SAAgB,EAA0B,EACxC,aACiC;CAiBjC,OAhBI,MAAW,YAEX,kBAAC,OAAD;EACE,SAAQ;EACR,WAAU;EACV,MAAK;EACL,aAAa;EACb,eAAc;EACd,gBAAe;EACf,eAAY;YAEZ,kBAAC,QAAD,EAAM,GAAE,uBAAwB,CAAA;CAC7B,CAAA,IAKP,kBAAC,QAAD;EACE,eAAY;EACZ,WAAW,EACT,qCACA,MAAW,YAAY,+BACvB,MAAW,aAAa,0BACxB,MAAW,iBACT,2EACD,MAAW,UAAU,MAAW,cAAc,uBACjD;CACD,CAAA;AAEL"}

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

@@ -1,2 +1,2 @@
-require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../i18n/declaration.cjs"),t=require("../../../../types/automation.cjs");var n=1e3,r=30*6e4;function i(e,n=Date.now()){let r=e.started_at?new Date(e.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}return e.status===t.AutomationRunStatus.PENDING||e.status===t.AutomationRunStatus.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.AutomationRunStatus.COMPLETED:return`bg-[var(--oh-status-success)]`;case t.AutomationRunStatus.FAILED:return`bg-[var(--oh-status-error)]`;case t.AutomationRunStatus.RUNNING:return`bg-[var(--oh-status-success)] animate-pulse motion-reduce:animate-none`;case t.AutomationRunStatus.PENDING:return`bg-[repeating-linear-gradient(-45deg,var(--oh-muted)_0_1.5px,var(--oh-border)_1.5px_3px)]`;case t.AutomationRunStatus.CANCELLED:return`bg-[var(--oh-muted)]`;default:return`bg-[var(--oh-border)]`}}function s(n){switch(n){case t.AutomationRunStatus.COMPLETED:return e.I18nKey.AUTOMATIONS$DETAIL$SUCCESSFUL;case t.AutomationRunStatus.FAILED:return e.I18nKey.AUTOMATIONS$DETAIL$FAILED;case t.AutomationRunStatus.PENDING:return e.I18nKey.AUTOMATIONS$DETAIL$PENDING;case t.AutomationRunStatus.RUNNING:return e.I18nKey.AUTOMATIONS$DETAIL$RUNNING;case t.AutomationRunStatus.CANCELLED:return e.I18nKey.AUTOMATIONS$DETAIL$CANCELLED;case t.AutomationRunStatus.SKIPPED:return e.I18nKey.AUTOMATIONS$DETAIL$SKIPPED;default:return e.I18nKey.FEATURED_AUTOMATIONS$STATUS_UNKNOWN}}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`}exports.barColorClassForStatus=o,exports.durationMsToSparklineBarHeightPx=a,exports.formatDurationForTitle=c,exports.getAutomationRunDurationMs=i,exports.getAutomationRunStatusLabelKey=s;
+require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../types/automation.cjs"),t=require("../../../../utils/automation-run-display.cjs");var n=1e3,r=30*6e4;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(t.completed_at){let e=new Date(t.completed_at).getTime();return Number.isNaN(e)||e<r?null:e-r}return t.status===e.AutomationRunStatus.PENDING||t.status===e.AutomationRunStatus.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(t){switch(t){case e.AutomationRunStatus.COMPLETED:case`success`:return`bg-[var(--oh-status-success)]`;case e.AutomationRunStatus.FAILED:case`failed`:return`bg-[var(--oh-status-error)]`;case`blocked`:case`partial_success`:case`unknown`:return`bg-[var(--oh-warning)]`;case e.AutomationRunStatus.RUNNING:return`bg-[var(--oh-status-success)] animate-pulse motion-reduce:animate-none`;case e.AutomationRunStatus.PENDING:return`bg-[repeating-linear-gradient(-45deg,var(--oh-muted)_0_1.5px,var(--oh-border)_1.5px_3px)]`;case e.AutomationRunStatus.CANCELLED:return`bg-[var(--oh-muted)]`;default:return`bg-[var(--oh-border)]`}}function s(e){return t.getAutomationRunBadgeLabelKey(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`}exports.barColorClassForStatus=o,exports.durationMsToSparklineBarHeightPx=a,exports.formatDurationForTitle=c,exports.getAutomationRunDurationMs=i,exports.getAutomationRunStatusLabelKey=s;
 //# sourceMappingURL=automation-run-activity-metrics.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"automation-run-activity-metrics.cjs","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":"wJAUA,IAAM,EAAkB,IAElB,EAAkB,GAAK,IAM7B,SAAgB,EACd,EACA,EAAgB,KAAK,IAAI,EACV,CACf,IAAM,EAAU,EAAI,WAAa,IAAI,KAAK,EAAI,UAAU,EAAE,QAAQ,EAAI,IACtE,GAAI,OAAO,MAAM,CAAO,GAAK,GAAW,EAAG,OAAO,KAElD,GAAI,EAAI,aAAc,CACpB,IAAM,EAAQ,IAAI,KAAK,EAAI,YAAY,EAAE,QAAQ,EAEjD,OADI,OAAO,MAAM,CAAK,GAAK,EAAQ,EAAgB,KAC5C,EAAQ,CACjB,CASA,OANE,EAAI,SAAW,EAAA,oBAAoB,SACnC,EAAI,SAAW,EAAA,oBAAoB,QAE5B,KAAK,IAAI,EAAG,EAAQ,CAAO,EAG7B,IACT,CAGA,SAAgB,EACd,EACQ,CACR,GAAI,GAAc,MAAQ,GAAc,EACtC,MAAA,IAOF,IAAM,EACJ,KAAK,IALS,KAAK,IACnB,EACA,KAAK,IAAI,EAAiB,CAAU,CAG3B,EAAU,CAAe,EAClC,KAAK,IAAI,EAAkB,CAAe,EAE5C,OAAO,KAAK,MAAA,EAER,EAAA,CAGJ,CACF,CAEA,SAAgB,EACd,EACQ,CACR,OAAQ,EAAR,CACE,KAAK,EAAA,oBAAoB,UACvB,MAAO,gCACT,KAAK,EAAA,oBAAoB,OACvB,MAAO,8BACT,KAAK,EAAA,oBAAoB,QACvB,MAAO,yEACT,KAAK,EAAA,oBAAoB,QAEvB,MAAO,4FACT,KAAK,EAAA,oBAAoB,UACvB,MAAO,uBACT,QACE,MAAO,uBACX,CACF,CAEA,SAAgB,EACd,EACS,CACT,OAAQ,EAAR,CACE,KAAK,EAAA,oBAAoB,UACvB,OAAO,EAAA,QAAQ,8BACjB,KAAK,EAAA,oBAAoB,OACvB,OAAO,EAAA,QAAQ,0BACjB,KAAK,EAAA,oBAAoB,QACvB,OAAO,EAAA,QAAQ,2BACjB,KAAK,EAAA,oBAAoB,QACvB,OAAO,EAAA,QAAQ,2BACjB,KAAK,EAAA,oBAAoB,UACvB,OAAO,EAAA,QAAQ,6BACjB,KAAK,EAAA,oBAAoB,QACvB,OAAO,EAAA,QAAQ,2BACjB,QACE,OAAO,EAAA,QAAQ,mCACnB,CACF,CAEA,SAAgB,EACd,EACe,CAQf,OAPI,GAAc,MAAQ,GAAc,EAAU,KAC9C,EAAa,IACR,GAAG,KAAK,IAAI,EAAG,KAAK,MAAM,EAAa,GAAI,CAAC,EAAE,GAEnD,EAAa,KACR,GAAG,KAAK,MAAM,EAAa,GAAM,EAAE,GAErC,IAAI,EAAa,MAAW,QAAQ,CAAC,EAAE,EAChD"}
+{"version":3,"file":"automation-run-activity-metrics.cjs","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":"oKAcA,IAAM,EAAkB,IAElB,EAAkB,GAAK,IAM7B,SAAgB,EACd,EACA,EAAgB,KAAK,IAAI,EACV,CACf,IAAM,EAAU,EAAI,WAAa,IAAI,KAAK,EAAI,UAAU,EAAE,QAAQ,EAAI,IACtE,GAAI,OAAO,MAAM,CAAO,GAAK,GAAW,EAAG,OAAO,KAElD,GAAI,EAAI,aAAc,CACpB,IAAM,EAAQ,IAAI,KAAK,EAAI,YAAY,EAAE,QAAQ,EAEjD,OADI,OAAO,MAAM,CAAK,GAAK,EAAQ,EAAgB,KAC5C,EAAQ,CACjB,CASA,OANE,EAAI,SAAW,EAAA,oBAAoB,SACnC,EAAI,SAAW,EAAA,oBAAoB,QAE5B,KAAK,IAAI,EAAG,EAAQ,CAAO,EAG7B,IACT,CAGA,SAAgB,EACd,EACQ,CACR,GAAI,GAAc,MAAQ,GAAc,EACtC,MAAA,IAOF,IAAM,EACJ,KAAK,IALS,KAAK,IACnB,EACA,KAAK,IAAI,EAAiB,CAAU,CAG3B,EAAU,CAAe,EAClC,KAAK,IAAI,EAAkB,CAAe,EAE5C,OAAO,KAAK,MAAA,EAER,EAAA,CAGJ,CACF,CAEA,SAAgB,EACd,EACQ,CACR,OAAQ,EAAR,CACE,KAAK,EAAA,oBAAoB,UACzB,IAAK,UACH,MAAO,gCACT,KAAK,EAAA,oBAAoB,OACzB,IAAK,SACH,MAAO,8BACT,IAAK,UACL,IAAK,kBACL,IAAK,UACH,MAAO,yBACT,KAAK,EAAA,oBAAoB,QACvB,MAAO,yEACT,KAAK,EAAA,oBAAoB,QAEvB,MAAO,4FACT,KAAK,EAAA,oBAAoB,UACvB,MAAO,uBACT,QACE,MAAO,uBACX,CACF,CAEA,SAAgB,EACd,EACS,CACT,OAAO,EAAA,8BAA8B,CAAM,CAC7C,CAEA,SAAgB,EACd,EACe,CAQf,OAPI,GAAc,MAAQ,GAAc,EAAU,KAC9C,EAAa,IACR,GAAG,KAAK,IAAI,EAAG,KAAK,MAAM,EAAa,GAAI,CAAC,EAAE,GAEnD,EAAa,KACR,GAAG,KAAK,MAAM,EAAa,GAAM,EAAE,GAErC,IAAI,EAAa,MAAW,QAAQ,CAAC,EAAE,EAChD"}

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

@@ -1,5 +1,6 @@
 import { I18nKey } from "#/i18n/declaration";
-import { AutomationRunStatus, type AutomationRun } from "#/types/automation";
+import { type AutomationRun } from "#/types/automation";
+import { type AutomationRunBadgeStatus } from "#/utils/automation-run-display";
 /** Sparkline track height; bars sit on the baseline inside this. */
 export declare const AUTOMATION_RUN_ACTIVITY_TRACK_PX = 18;
 export declare const AUTOMATION_RUN_ACTIVITY_MIN_BAR_PX = 6;
@@ -13,6 +14,6 @@ export declare const AUTOMATION_RUN_ACTIVITY_UNKNOWN_BAR_PX = 11;
 export declare function getAutomationRunDurationMs(run: AutomationRun, nowMs?: number): number | null;
 /** Map duration → bar height (log scale, clamped). Color stays status-driven. */
 export declare function durationMsToSparklineBarHeightPx(durationMs: number | null): number;
-export declare function barColorClassForStatus(status: AutomationRunStatus | string): string;
-export declare function getAutomationRunStatusLabelKey(status: AutomationRunStatus | string): I18nKey;
+export declare function barColorClassForStatus(status: AutomationRunBadgeStatus | string): string;
+export declare function getAutomationRunStatusLabelKey(status: AutomationRunBadgeStatus | string): I18nKey;
 export declare function formatDurationForTitle(durationMs: number | null): string | null;

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":"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"}
+{"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":"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"}

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) }
 			})
 		})
 	});