@openhands/agent-canvas 1.15.0 → 1.17.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/conversation-panel/skills-modal.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("../../../api/agent-server-config.cjs"),r=require("../../../hooks/query/use-conversation-skills.cjs"),i=require("../../shared/modals/modal-backdrop.cjs"),a=require("../../shared/modals/modal-body.cjs"),o=require("../../../utils/skill-scope.cjs"),s=require("./skills-modal-header.cjs"),c=require("./skills-modal-section.cjs"),l=require("./skills-loading-state.cjs"),u=require("./skills-empty-state.cjs"),d=require("./skill-item.cjs");let f=require("react"),p=require("react/jsx-runtime");var m={project:t.I18nKey.SKILLS_MODAL$SECTION_PROJECT,personal:t.I18nKey.SKILLS_MODAL$SECTION_USER,public:t.I18nKey.SKILLS_MODAL$SECTION_PUBLIC};function h({onClose:t}){let{t:h}=e.useTranslation(`openhands`),g=n.getAgentServerWorkingDir(),[_,v]=(0,f.useState)({}),{data:y,isLoading:b,isError:x,refetch:S,isRefetching:C}=r.useConversationSkills(),w=(0,f.useMemo)(()=>y?o.groupSkillsByScope(y,g):null,[y,g]),T=e=>{v(t=>({...t,[e]:!t[e]}))};return(0,p.jsx)(i.ModalBackdrop,{onClose:t,children:(0,p.jsxs)(a.ModalBody,{width:`lg`,className:`relative max-h-[80vh] flex flex-col items-start border border-[var(--oh-border)]`,testID:`skills-modal`,children:[(0,p.jsx)(s.SkillsModalHeader,{isLoading:b,isRefetching:C,onRefresh:S,onClose:t}),(0,p.jsx)(`div`,{className:`w-full h-[60vh] overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always`,children:b?(0,p.jsx)(l.SkillsLoadingState,{}):x||!y||y.length===0?(0,p.jsx)(u.SkillsEmptyState,{isError:x}):w&&(0,p.jsx)(`div`,{className:`divide-y divide-[var(--oh-border)]`,children:o.SKILL_SCOPE_ORDER.map(e=>{let t=w[e];return t.length===0?null:(0,p.jsx)(c.SkillsModalSection,{title:h(m[e]),count:t.length,children:t.map(t=>(0,p.jsx)(d.SkillItem,{skill:t,isExpanded:_[t.name]||!1,onToggle:T},`${e}-${t.name}`))},e)})})})]})})}exports.SkillsModal=h;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../api/agent-server-config.cjs"),r=require("../../../hooks/query/use-conversation-skills.cjs"),i=require("../../shared/modals/modal-backdrop.cjs"),a=require("../../shared/modals/modal-body.cjs"),o=require("../../../hooks/use-skill-enablement.cjs"),s=require("../../../utils/skill-scope.cjs"),c=require("./skills-modal-header.cjs"),l=require("./skills-modal-section.cjs"),u=require("./skills-loading-state.cjs"),d=require("./skills-empty-state.cjs"),f=require("./skill-item.cjs");let p=require("react"),m=require("react/jsx-runtime");var h={project:t.I18nKey.SKILLS_MODAL$SECTION_PROJECT,personal:t.I18nKey.SKILLS_MODAL$SECTION_USER,public:t.I18nKey.SKILLS_MODAL$SECTION_PUBLIC};function g({onClose:t}){let{t:g}=e.useTranslation(`openhands`),_=n.getAgentServerWorkingDir(),[v,y]=(0,p.useState)({}),{data:b,isLoading:x,isError:S,refetch:C,isRefetching:w}=r.useConversationSkills(),T=o.useSkillEnabledFilter(),E=(0,p.useMemo)(()=>(b??[]).filter(T),[b,T]),D=(0,p.useMemo)(()=>s.groupSkillsByScope(E,_),[E,_]),O=e=>{y(t=>({...t,[e]:!t[e]}))};return(0,m.jsx)(i.ModalBackdrop,{onClose:t,children:(0,m.jsxs)(a.ModalBody,{width:`lg`,className:`relative max-h-[80vh] flex flex-col items-start border border-[var(--oh-border)]`,testID:`skills-modal`,children:[(0,m.jsx)(c.SkillsModalHeader,{isLoading:x,isRefetching:w,onRefresh:C,onClose:t}),(0,m.jsx)(`div`,{className:`w-full h-[60vh] overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always`,children:x?(0,m.jsx)(u.SkillsLoadingState,{}):S||!b||E.length===0?(0,m.jsx)(d.SkillsEmptyState,{isError:S}):D&&(0,m.jsx)(`div`,{className:`divide-y divide-[var(--oh-border)]`,children:s.SKILL_SCOPE_ORDER.map(e=>{let t=D[e];return t.length===0?null:(0,m.jsx)(l.SkillsModalSection,{title:g(h[e]),count:t.length,children:t.map(t=>(0,m.jsx)(f.SkillItem,{skill:t,isExpanded:v[t.name]||!1,onToggle:O},`${e}-${t.name}`))},e)})})})]})})}exports.SkillsModal=g;
 //# sourceMappingURL=skills-modal.cjs.map

package/dist/components/features/conversation-panel/skills-modal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"skills-modal.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/skills-modal.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalBody } from \"#/components/shared/modals/modal-body\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { getAgentServerWorkingDir } from \"#/api/agent-server-config\";\nimport { useConversationSkills } from \"#/hooks/query/use-conversation-skills\";\nimport {\n  groupSkillsByScope,\n  SKILL_SCOPE_ORDER,\n  type SkillScope,\n} from \"#/utils/skill-scope\";\nimport { SkillsModalHeader } from \"./skills-modal-header\";\nimport { SkillsModalSection } from \"./skills-modal-section\";\nimport { SkillsLoadingState } from \"./skills-loading-state\";\nimport { SkillsEmptyState } from \"./skills-empty-state\";\nimport { SkillItem } from \"./skill-item\";\n\ninterface SkillsModalProps {\n  onClose: () => void;\n}\n\nconst SECTION_TITLE_KEY: Record<SkillScope, I18nKey> = {\n  project: I18nKey.SKILLS_MODAL$SECTION_PROJECT,\n  personal: I18nKey.SKILLS_MODAL$SECTION_USER,\n  public: I18nKey.SKILLS_MODAL$SECTION_PUBLIC,\n};\n\nexport function SkillsModal({ onClose }: SkillsModalProps) {\n  const { t } = useTranslation(\"openhands\");\n  const projectDir = getAgentServerWorkingDir();\n  const [expandedAgents, setExpandedAgents] = useState<Record<string, boolean>>(\n    {},\n  );\n  // Scope the catalog to this conversation's attached workspace so the listed\n  // skills match the project skills actually loaded into the conversation.\n  const {\n    data: skills,\n    isLoading,\n    isError,\n    refetch,\n    isRefetching,\n  } = useConversationSkills();\n\n  const groupedSkills = useMemo(\n    () => (skills ? groupSkillsByScope(skills, projectDir) : null),\n    [skills, projectDir],\n  );\n\n  const toggleAgent = (agentName: string) => {\n    setExpandedAgents((prev) => ({\n      ...prev,\n      [agentName]: !prev[agentName],\n    }));\n  };\n\n  return (\n    <ModalBackdrop onClose={onClose}>\n      <ModalBody\n        width=\"lg\"\n        className=\"relative max-h-[80vh] flex flex-col items-start border border-[var(--oh-border)]\"\n        testID=\"skills-modal\"\n      >\n        <SkillsModalHeader\n          isLoading={isLoading}\n          isRefetching={isRefetching}\n          onRefresh={refetch}\n          onClose={onClose}\n        />\n\n        <div className=\"w-full h-[60vh] overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always\">\n          {isLoading ? (\n            <SkillsLoadingState />\n          ) : isError || !skills || skills.length === 0 ? (\n            <SkillsEmptyState isError={isError} />\n          ) : (\n            groupedSkills && (\n              <div className=\"divide-y divide-[var(--oh-border)]\">\n                {SKILL_SCOPE_ORDER.map((scope) => {\n                  const scopedSkills = groupedSkills[scope];\n                  if (scopedSkills.length === 0) {\n                    return null;\n                  }\n\n                  return (\n                    <SkillsModalSection\n                      key={scope}\n                      title={t(SECTION_TITLE_KEY[scope])}\n                      count={scopedSkills.length}\n                    >\n                      {scopedSkills.map((skill) => {\n                        const isExpanded = expandedAgents[skill.name] || false;\n\n                        return (\n                          <SkillItem\n                            key={`${scope}-${skill.name}`}\n                            skill={skill}\n                            isExpanded={isExpanded}\n                            onToggle={toggleAgent}\n                          />\n                        );\n                      })}\n                    </SkillsModalSection>\n                  );\n                })}\n              </div>\n            )\n          )}\n        </div>\n      </ModalBody>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"iqBAsBA,IAAM,EAAiD,CACrD,QAAS,EAAA,QAAQ,6BACjB,SAAU,EAAA,QAAQ,0BAClB,OAAQ,EAAA,QAAQ,2BAClB,EAEA,SAAgB,EAAY,CAAE,WAA6B,CACzD,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAa,EAAA,yBAAyB,EACtC,CAAC,EAAgB,IAAA,EAAA,EAAA,UACrB,CAAC,CACH,EAGM,CACJ,KAAM,EACN,YACA,UACA,UACA,gBACE,EAAA,sBAAsB,EAEpB,GAAA,EAAA,EAAA,aACG,EAAS,EAAA,mBAAmB,EAAQ,CAAU,EAAI,KACzD,CAAC,EAAQ,CAAU,CACrB,EAEM,EAAe,GAAsB,CACzC,EAAmB,IAAU,CAC3B,GAAG,GACF,GAAY,CAAC,EAAK,EACrB,EAAE,CACJ,EAEA,OACE,EAAA,EAAA,KAAC,EAAA,cAAD,CAAwB,oBACtB,EAAA,EAAA,MAAC,EAAA,UAAD,CACE,MAAM,KACN,UAAU,mFACV,OAAO,wBAHT,EAKE,EAAA,EAAA,KAAC,EAAA,kBAAD,CACa,YACG,eACd,UAAW,EACF,SACV,CAAA,GAED,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,+HACZ,GACC,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAqB,CAAA,EACnB,GAAW,CAAC,GAAU,EAAO,SAAW,GAC1C,EAAA,EAAA,KAAC,EAAA,iBAAD,CAA2B,SAAU,CAAA,EAErC,IACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,8CACZ,EAAA,kBAAkB,IAAK,GAAU,CAChC,IAAM,EAAe,EAAc,GAKnC,OAJI,EAAa,SAAW,EACnB,MAIP,EAAA,EAAA,KAAC,EAAA,mBAAD,CAEE,MAAO,EAAE,EAAkB,EAAM,EACjC,MAAO,EAAa,gBAEnB,EAAa,IAAK,IAIf,EAAA,EAAA,KAAC,EAAA,UAAD,CAES,QACK,WANG,EAAe,EAAM,OAAS,GAO7C,SAAU,CACX,EAJM,GAAG,EAAM,GAAG,EAAM,MAIxB,CAEJ,CACiB,EAhBb,CAgBa,CAExB,CAAC,CACE,CAAA,CAGN,CAAA,CACI,GACE,CAAA,CAEnB"}
+{"version":3,"file":"skills-modal.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/skills-modal.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalBody } from \"#/components/shared/modals/modal-body\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { getAgentServerWorkingDir } from \"#/api/agent-server-config\";\nimport { useConversationSkills } from \"#/hooks/query/use-conversation-skills\";\nimport { useSkillEnabledFilter } from \"#/hooks/use-skill-enablement\";\nimport {\n  groupSkillsByScope,\n  SKILL_SCOPE_ORDER,\n  type SkillScope,\n} from \"#/utils/skill-scope\";\nimport { SkillsModalHeader } from \"./skills-modal-header\";\nimport { SkillsModalSection } from \"./skills-modal-section\";\nimport { SkillsLoadingState } from \"./skills-loading-state\";\nimport { SkillsEmptyState } from \"./skills-empty-state\";\nimport { SkillItem } from \"./skill-item\";\n\ninterface SkillsModalProps {\n  onClose: () => void;\n}\n\nconst SECTION_TITLE_KEY: Record<SkillScope, I18nKey> = {\n  project: I18nKey.SKILLS_MODAL$SECTION_PROJECT,\n  personal: I18nKey.SKILLS_MODAL$SECTION_USER,\n  public: I18nKey.SKILLS_MODAL$SECTION_PUBLIC,\n};\n\nexport function SkillsModal({ onClose }: SkillsModalProps) {\n  const { t } = useTranslation(\"openhands\");\n  const projectDir = getAgentServerWorkingDir();\n  const [expandedAgents, setExpandedAgents] = useState<Record<string, boolean>>(\n    {},\n  );\n  // Scope the catalog to this conversation's attached workspace so the listed\n  // skills match the project skills actually loaded into the conversation.\n  const {\n    data: skills,\n    isLoading,\n    isError,\n    refetch,\n    isRefetching,\n  } = useConversationSkills();\n  const isSkillEnabled = useSkillEnabledFilter();\n\n  // The modal reports what the conversation actually has, so it lists the\n  // enabled set rather than the whole catalog.\n  const visibleSkills = useMemo(\n    () => (skills ?? []).filter(isSkillEnabled),\n    [skills, isSkillEnabled],\n  );\n\n  const groupedSkills = useMemo(\n    () => groupSkillsByScope(visibleSkills, projectDir),\n    [visibleSkills, projectDir],\n  );\n\n  const toggleAgent = (agentName: string) => {\n    setExpandedAgents((prev) => ({\n      ...prev,\n      [agentName]: !prev[agentName],\n    }));\n  };\n\n  return (\n    <ModalBackdrop onClose={onClose}>\n      <ModalBody\n        width=\"lg\"\n        className=\"relative max-h-[80vh] flex flex-col items-start border border-[var(--oh-border)]\"\n        testID=\"skills-modal\"\n      >\n        <SkillsModalHeader\n          isLoading={isLoading}\n          isRefetching={isRefetching}\n          onRefresh={refetch}\n          onClose={onClose}\n        />\n\n        <div className=\"w-full h-[60vh] overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always\">\n          {isLoading ? (\n            <SkillsLoadingState />\n          ) : isError || !skills || visibleSkills.length === 0 ? (\n            <SkillsEmptyState isError={isError} />\n          ) : (\n            groupedSkills && (\n              <div className=\"divide-y divide-[var(--oh-border)]\">\n                {SKILL_SCOPE_ORDER.map((scope) => {\n                  const scopedSkills = groupedSkills[scope];\n                  if (scopedSkills.length === 0) {\n                    return null;\n                  }\n\n                  return (\n                    <SkillsModalSection\n                      key={scope}\n                      title={t(SECTION_TITLE_KEY[scope])}\n                      count={scopedSkills.length}\n                    >\n                      {scopedSkills.map((skill) => {\n                        const isExpanded = expandedAgents[skill.name] || false;\n\n                        return (\n                          <SkillItem\n                            key={`${scope}-${skill.name}`}\n                            skill={skill}\n                            isExpanded={isExpanded}\n                            onToggle={toggleAgent}\n                          />\n                        );\n                      })}\n                    </SkillsModalSection>\n                  );\n                })}\n              </div>\n            )\n          )}\n        </div>\n      </ModalBody>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"stBAuBA,IAAM,EAAiD,CACrD,QAAS,EAAA,QAAQ,6BACjB,SAAU,EAAA,QAAQ,0BAClB,OAAQ,EAAA,QAAQ,2BAClB,EAEA,SAAgB,EAAY,CAAE,WAA6B,CACzD,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAa,EAAA,yBAAyB,EACtC,CAAC,EAAgB,IAAA,EAAA,EAAA,UACrB,CAAC,CACH,EAGM,CACJ,KAAM,EACN,YACA,UACA,UACA,gBACE,EAAA,sBAAsB,EACpB,EAAiB,EAAA,sBAAsB,EAIvC,GAAA,EAAA,EAAA,cACG,GAAU,CAAC,GAAG,OAAO,CAAc,EAC1C,CAAC,EAAQ,CAAc,CACzB,EAEM,GAAA,EAAA,EAAA,aACE,EAAA,mBAAmB,EAAe,CAAU,EAClD,CAAC,EAAe,CAAU,CAC5B,EAEM,EAAe,GAAsB,CACzC,EAAmB,IAAU,CAC3B,GAAG,GACF,GAAY,CAAC,EAAK,EACrB,EAAE,CACJ,EAEA,OACE,EAAA,EAAA,KAAC,EAAA,cAAD,CAAwB,oBACtB,EAAA,EAAA,MAAC,EAAA,UAAD,CACE,MAAM,KACN,UAAU,mFACV,OAAO,wBAHT,EAKE,EAAA,EAAA,KAAC,EAAA,kBAAD,CACa,YACG,eACd,UAAW,EACF,SACV,CAAA,GAED,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,+HACZ,GACC,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAqB,CAAA,EACnB,GAAW,CAAC,GAAU,EAAc,SAAW,GACjD,EAAA,EAAA,KAAC,EAAA,iBAAD,CAA2B,SAAU,CAAA,EAErC,IACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,8CACZ,EAAA,kBAAkB,IAAK,GAAU,CAChC,IAAM,EAAe,EAAc,GAKnC,OAJI,EAAa,SAAW,EACnB,MAIP,EAAA,EAAA,KAAC,EAAA,mBAAD,CAEE,MAAO,EAAE,EAAkB,EAAM,EACjC,MAAO,EAAa,gBAEnB,EAAa,IAAK,IAIf,EAAA,EAAA,KAAC,EAAA,UAAD,CAES,QACK,WANG,EAAe,EAAM,OAAS,GAO7C,SAAU,CACX,EAJM,GAAG,EAAM,GAAG,EAAM,MAIxB,CAEJ,CACiB,EAhBb,CAgBa,CAExB,CAAC,CACE,CAAA,CAGN,CAAA,CACI,GACE,CAAA,CAEnB"}

package/dist/components/features/conversation-panel/skills-modal.js

@@ -4,51 +4,52 @@ import { getAgentServerWorkingDir as n } from "../../../api/agent-server-config.
 import { useConversationSkills as r } from "../../../hooks/query/use-conversation-skills.js";
 import { ModalBackdrop as i } from "../../shared/modals/modal-backdrop.js";
 import { ModalBody as a } from "../../shared/modals/modal-body.js";
-import { SKILL_SCOPE_ORDER as o, groupSkillsByScope as s } from "../../../utils/skill-scope.js";
-import { SkillsModalHeader as c } from "./skills-modal-header.js";
-import { SkillsModalSection as l } from "./skills-modal-section.js";
-import { SkillsLoadingState as u } from "./skills-loading-state.js";
-import { SkillsEmptyState as d } from "./skills-empty-state.js";
-import { SkillItem as f } from "./skill-item.js";
-import { useMemo as p, useState as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useSkillEnabledFilter as o } from "../../../hooks/use-skill-enablement.js";
+import { SKILL_SCOPE_ORDER as s, groupSkillsByScope as c } from "../../../utils/skill-scope.js";
+import { SkillsModalHeader as l } from "./skills-modal-header.js";
+import { SkillsModalSection as u } from "./skills-modal-section.js";
+import { SkillsLoadingState as d } from "./skills-loading-state.js";
+import { SkillsEmptyState as f } from "./skills-empty-state.js";
+import { SkillItem as p } from "./skill-item.js";
+import { useMemo as m, useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/components/features/conversation-panel/skills-modal.tsx
-var _ = {
+var v = {
 	project: t.SKILLS_MODAL$SECTION_PROJECT,
 	personal: t.SKILLS_MODAL$SECTION_USER,
 	public: t.SKILLS_MODAL$SECTION_PUBLIC
 };
-function v({ onClose: t }) {
-	let { t: v } = e("openhands"), y = n(), [b, x] = m({}), { data: S, isLoading: C, isError: w, refetch: T, isRefetching: E } = r(), D = p(() => S ? s(S, y) : null, [S, y]), O = (e) => {
-		x((t) => ({
+function y({ onClose: t }) {
+	let { t: y } = e("openhands"), b = n(), [x, S] = h({}), { data: C, isLoading: w, isError: T, refetch: E, isRefetching: D } = r(), O = o(), k = m(() => (C ?? []).filter(O), [C, O]), A = m(() => c(k, b), [k, b]), j = (e) => {
+		S((t) => ({
 			...t,
 			[e]: !t[e]
 		}));
 	};
-	return /* @__PURE__ */ h(i, {
+	return /* @__PURE__ */ g(i, {
 		onClose: t,
-		children: /* @__PURE__ */ g(a, {
+		children: /* @__PURE__ */ _(a, {
 			width: "lg",
 			className: "relative max-h-[80vh] flex flex-col items-start border border-[var(--oh-border)]",
 			testID: "skills-modal",
-			children: [/* @__PURE__ */ h(c, {
-				isLoading: C,
-				isRefetching: E,
-				onRefresh: T,
+			children: [/* @__PURE__ */ g(l, {
+				isLoading: w,
+				isRefetching: D,
+				onRefresh: E,
 				onClose: t
-			}), /* @__PURE__ */ h("div", {
+			}), /* @__PURE__ */ g("div", {
 				className: "w-full h-[60vh] overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always",
-				children: C ? /* @__PURE__ */ h(u, {}) : w || !S || S.length === 0 ? /* @__PURE__ */ h(d, { isError: w }) : D && /* @__PURE__ */ h("div", {
+				children: w ? /* @__PURE__ */ g(d, {}) : T || !C || k.length === 0 ? /* @__PURE__ */ g(f, { isError: T }) : A && /* @__PURE__ */ g("div", {
 					className: "divide-y divide-[var(--oh-border)]",
-					children: o.map((e) => {
-						let t = D[e];
-						return t.length === 0 ? null : /* @__PURE__ */ h(l, {
-							title: v(_[e]),
+					children: s.map((e) => {
+						let t = A[e];
+						return t.length === 0 ? null : /* @__PURE__ */ g(u, {
+							title: y(v[e]),
 							count: t.length,
-							children: t.map((t) => /* @__PURE__ */ h(f, {
+							children: t.map((t) => /* @__PURE__ */ g(p, {
 								skill: t,
-								isExpanded: b[t.name] || !1,
-								onToggle: O
+								isExpanded: x[t.name] || !1,
+								onToggle: j
 							}, `${e}-${t.name}`))
 						}, e);
 					})
@@ -58,6 +59,6 @@ function v({ onClose: t }) {
 	});
 }
 //#endregion
-export { v as SkillsModal };
+export { y as SkillsModal };
 
 //# sourceMappingURL=skills-modal.js.map

package/dist/components/features/conversation-panel/skills-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"skills-modal.js","names":[],"sources":["../../../../src/components/features/conversation-panel/skills-modal.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalBody } from \"#/components/shared/modals/modal-body\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { getAgentServerWorkingDir } from \"#/api/agent-server-config\";\nimport { useConversationSkills } from \"#/hooks/query/use-conversation-skills\";\nimport {\n  groupSkillsByScope,\n  SKILL_SCOPE_ORDER,\n  type SkillScope,\n} from \"#/utils/skill-scope\";\nimport { SkillsModalHeader } from \"./skills-modal-header\";\nimport { SkillsModalSection } from \"./skills-modal-section\";\nimport { SkillsLoadingState } from \"./skills-loading-state\";\nimport { SkillsEmptyState } from \"./skills-empty-state\";\nimport { SkillItem } from \"./skill-item\";\n\ninterface SkillsModalProps {\n  onClose: () => void;\n}\n\nconst SECTION_TITLE_KEY: Record<SkillScope, I18nKey> = {\n  project: I18nKey.SKILLS_MODAL$SECTION_PROJECT,\n  personal: I18nKey.SKILLS_MODAL$SECTION_USER,\n  public: I18nKey.SKILLS_MODAL$SECTION_PUBLIC,\n};\n\nexport function SkillsModal({ onClose }: SkillsModalProps) {\n  const { t } = useTranslation(\"openhands\");\n  const projectDir = getAgentServerWorkingDir();\n  const [expandedAgents, setExpandedAgents] = useState<Record<string, boolean>>(\n    {},\n  );\n  // Scope the catalog to this conversation's attached workspace so the listed\n  // skills match the project skills actually loaded into the conversation.\n  const {\n    data: skills,\n    isLoading,\n    isError,\n    refetch,\n    isRefetching,\n  } = useConversationSkills();\n\n  const groupedSkills = useMemo(\n    () => (skills ? groupSkillsByScope(skills, projectDir) : null),\n    [skills, projectDir],\n  );\n\n  const toggleAgent = (agentName: string) => {\n    setExpandedAgents((prev) => ({\n      ...prev,\n      [agentName]: !prev[agentName],\n    }));\n  };\n\n  return (\n    <ModalBackdrop onClose={onClose}>\n      <ModalBody\n        width=\"lg\"\n        className=\"relative max-h-[80vh] flex flex-col items-start border border-[var(--oh-border)]\"\n        testID=\"skills-modal\"\n      >\n        <SkillsModalHeader\n          isLoading={isLoading}\n          isRefetching={isRefetching}\n          onRefresh={refetch}\n          onClose={onClose}\n        />\n\n        <div className=\"w-full h-[60vh] overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always\">\n          {isLoading ? (\n            <SkillsLoadingState />\n          ) : isError || !skills || skills.length === 0 ? (\n            <SkillsEmptyState isError={isError} />\n          ) : (\n            groupedSkills && (\n              <div className=\"divide-y divide-[var(--oh-border)]\">\n                {SKILL_SCOPE_ORDER.map((scope) => {\n                  const scopedSkills = groupedSkills[scope];\n                  if (scopedSkills.length === 0) {\n                    return null;\n                  }\n\n                  return (\n                    <SkillsModalSection\n                      key={scope}\n                      title={t(SECTION_TITLE_KEY[scope])}\n                      count={scopedSkills.length}\n                    >\n                      {scopedSkills.map((skill) => {\n                        const isExpanded = expandedAgents[skill.name] || false;\n\n                        return (\n                          <SkillItem\n                            key={`${scope}-${skill.name}`}\n                            skill={skill}\n                            isExpanded={isExpanded}\n                            onToggle={toggleAgent}\n                          />\n                        );\n                      })}\n                    </SkillsModalSection>\n                  );\n                })}\n              </div>\n            )\n          )}\n        </div>\n      </ModalBody>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAsBA,IAAM,IAAiD;CACrD,SAAS,EAAQ;CACjB,UAAU,EAAQ;CAClB,QAAQ,EAAQ;AAClB;AAEA,SAAgB,EAAY,EAAE,cAA6B;CACzD,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAa,EAAyB,GACtC,CAAC,GAAgB,KAAqB,EAC1C,CAAC,CACH,GAGM,EACJ,MAAM,GACN,cACA,YACA,YACA,oBACE,EAAsB,GAEpB,IAAgB,QACb,IAAS,EAAmB,GAAQ,CAAU,IAAI,MACzD,CAAC,GAAQ,CAAU,CACrB,GAEM,KAAe,MAAsB;EACzC,GAAmB,OAAU;GAC3B,GAAG;IACF,IAAY,CAAC,EAAK;EACrB,EAAE;CACJ;CAEA,OACE,kBAAC,GAAD;EAAwB;YACtB,kBAAC,GAAD;GACE,OAAM;GACN,WAAU;GACV,QAAO;aAHT,CAKE,kBAAC,GAAD;IACa;IACG;IACd,WAAW;IACF;GACV,CAAA,GAED,kBAAC,OAAD;IAAK,WAAU;cACZ,IACC,kBAAC,GAAD,CAAqB,CAAA,IACnB,KAAW,CAAC,KAAU,EAAO,WAAW,IAC1C,kBAAC,GAAD,EAA2B,WAAU,CAAA,IAErC,KACE,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAkB,KAAK,MAAU;MAChC,IAAM,IAAe,EAAc;MAKnC,OAJI,EAAa,WAAW,IACnB,OAIP,kBAAC,GAAD;OAEE,OAAO,EAAE,EAAkB,EAAM;OACjC,OAAO,EAAa;iBAEnB,EAAa,KAAK,MAIf,kBAAC,GAAD;QAES;QACK,YANG,EAAe,EAAM,SAAS;QAO7C,UAAU;OACX,GAJM,GAAG,EAAM,GAAG,EAAM,MAIxB,CAEJ;MACiB,GAhBb,CAgBa;KAExB,CAAC;IACE,CAAA;GAGN,CAAA,CACI;;CACE,CAAA;AAEnB"}
+{"version":3,"file":"skills-modal.js","names":[],"sources":["../../../../src/components/features/conversation-panel/skills-modal.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalBody } from \"#/components/shared/modals/modal-body\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { getAgentServerWorkingDir } from \"#/api/agent-server-config\";\nimport { useConversationSkills } from \"#/hooks/query/use-conversation-skills\";\nimport { useSkillEnabledFilter } from \"#/hooks/use-skill-enablement\";\nimport {\n  groupSkillsByScope,\n  SKILL_SCOPE_ORDER,\n  type SkillScope,\n} from \"#/utils/skill-scope\";\nimport { SkillsModalHeader } from \"./skills-modal-header\";\nimport { SkillsModalSection } from \"./skills-modal-section\";\nimport { SkillsLoadingState } from \"./skills-loading-state\";\nimport { SkillsEmptyState } from \"./skills-empty-state\";\nimport { SkillItem } from \"./skill-item\";\n\ninterface SkillsModalProps {\n  onClose: () => void;\n}\n\nconst SECTION_TITLE_KEY: Record<SkillScope, I18nKey> = {\n  project: I18nKey.SKILLS_MODAL$SECTION_PROJECT,\n  personal: I18nKey.SKILLS_MODAL$SECTION_USER,\n  public: I18nKey.SKILLS_MODAL$SECTION_PUBLIC,\n};\n\nexport function SkillsModal({ onClose }: SkillsModalProps) {\n  const { t } = useTranslation(\"openhands\");\n  const projectDir = getAgentServerWorkingDir();\n  const [expandedAgents, setExpandedAgents] = useState<Record<string, boolean>>(\n    {},\n  );\n  // Scope the catalog to this conversation's attached workspace so the listed\n  // skills match the project skills actually loaded into the conversation.\n  const {\n    data: skills,\n    isLoading,\n    isError,\n    refetch,\n    isRefetching,\n  } = useConversationSkills();\n  const isSkillEnabled = useSkillEnabledFilter();\n\n  // The modal reports what the conversation actually has, so it lists the\n  // enabled set rather than the whole catalog.\n  const visibleSkills = useMemo(\n    () => (skills ?? []).filter(isSkillEnabled),\n    [skills, isSkillEnabled],\n  );\n\n  const groupedSkills = useMemo(\n    () => groupSkillsByScope(visibleSkills, projectDir),\n    [visibleSkills, projectDir],\n  );\n\n  const toggleAgent = (agentName: string) => {\n    setExpandedAgents((prev) => ({\n      ...prev,\n      [agentName]: !prev[agentName],\n    }));\n  };\n\n  return (\n    <ModalBackdrop onClose={onClose}>\n      <ModalBody\n        width=\"lg\"\n        className=\"relative max-h-[80vh] flex flex-col items-start border border-[var(--oh-border)]\"\n        testID=\"skills-modal\"\n      >\n        <SkillsModalHeader\n          isLoading={isLoading}\n          isRefetching={isRefetching}\n          onRefresh={refetch}\n          onClose={onClose}\n        />\n\n        <div className=\"w-full h-[60vh] overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always\">\n          {isLoading ? (\n            <SkillsLoadingState />\n          ) : isError || !skills || visibleSkills.length === 0 ? (\n            <SkillsEmptyState isError={isError} />\n          ) : (\n            groupedSkills && (\n              <div className=\"divide-y divide-[var(--oh-border)]\">\n                {SKILL_SCOPE_ORDER.map((scope) => {\n                  const scopedSkills = groupedSkills[scope];\n                  if (scopedSkills.length === 0) {\n                    return null;\n                  }\n\n                  return (\n                    <SkillsModalSection\n                      key={scope}\n                      title={t(SECTION_TITLE_KEY[scope])}\n                      count={scopedSkills.length}\n                    >\n                      {scopedSkills.map((skill) => {\n                        const isExpanded = expandedAgents[skill.name] || false;\n\n                        return (\n                          <SkillItem\n                            key={`${scope}-${skill.name}`}\n                            skill={skill}\n                            isExpanded={isExpanded}\n                            onToggle={toggleAgent}\n                          />\n                        );\n                      })}\n                    </SkillsModalSection>\n                  );\n                })}\n              </div>\n            )\n          )}\n        </div>\n      </ModalBody>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAuBA,IAAM,IAAiD;CACrD,SAAS,EAAQ;CACjB,UAAU,EAAQ;CAClB,QAAQ,EAAQ;AAClB;AAEA,SAAgB,EAAY,EAAE,cAA6B;CACzD,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAa,EAAyB,GACtC,CAAC,GAAgB,KAAqB,EAC1C,CAAC,CACH,GAGM,EACJ,MAAM,GACN,cACA,YACA,YACA,oBACE,EAAsB,GACpB,IAAiB,EAAsB,GAIvC,IAAgB,SACb,KAAU,CAAC,GAAG,OAAO,CAAc,GAC1C,CAAC,GAAQ,CAAc,CACzB,GAEM,IAAgB,QACd,EAAmB,GAAe,CAAU,GAClD,CAAC,GAAe,CAAU,CAC5B,GAEM,KAAe,MAAsB;EACzC,GAAmB,OAAU;GAC3B,GAAG;IACF,IAAY,CAAC,EAAK;EACrB,EAAE;CACJ;CAEA,OACE,kBAAC,GAAD;EAAwB;YACtB,kBAAC,GAAD;GACE,OAAM;GACN,WAAU;GACV,QAAO;aAHT,CAKE,kBAAC,GAAD;IACa;IACG;IACd,WAAW;IACF;GACV,CAAA,GAED,kBAAC,OAAD;IAAK,WAAU;cACZ,IACC,kBAAC,GAAD,CAAqB,CAAA,IACnB,KAAW,CAAC,KAAU,EAAc,WAAW,IACjD,kBAAC,GAAD,EAA2B,WAAU,CAAA,IAErC,KACE,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAkB,KAAK,MAAU;MAChC,IAAM,IAAe,EAAc;MAKnC,OAJI,EAAa,WAAW,IACnB,OAIP,kBAAC,GAAD;OAEE,OAAO,EAAE,EAAkB,EAAM;OACjC,OAAO,EAAa;iBAEnB,EAAa,KAAK,MAIf,kBAAC,GAAD;QAES;QACK,YANG,EAAe,EAAM,SAAS;QAO7C,UAAU;OACX,GAJM,GAAG,EAAM,GAAG,EAAM,MAIxB,CAEJ;MACiB,GAhBb,CAgBa;KAExB,CAAC;IACE,CAAA;GAGN,CAAA,CACI;;CACE,CAAA;AAEnB"}

package/dist/components/features/files-tab/file-content-viewer.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("../markdown/markdown-renderer.cjs"),r=require("../../../utils/is-markdown-file-path.cjs"),i=require("../../../stores/use-workspace-mutation-counter.cjs"),a=require("../../../hooks/query/use-workspace-file-content.cjs"),o=require("./highlighted-source-view.cjs");let s=require("react/jsx-runtime");var c=new Set([`html`,`htm`,`svg`]),l={pptx:`PowerPoint`,ppt:`PowerPoint`,docx:`Word`,doc:`Word`,xlsx:`Excel`,xls:`Excel`};function u(e){let t=e.lastIndexOf(`.`);return t===-1?``:e.slice(t+1).toLowerCase()}function d({path:n}){let{t:r}=e.useTranslation(`openhands`),i=l[u(n)];return(0,s.jsx)(`div`,{className:`flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]`,"data-testid":i?`file-content-viewer-unsupported-document`:`file-content-viewer-binary-fallback`,children:i?r(t.I18nKey.FILES$UNSUPPORTED_DOCUMENT,{type:i}):r(t.I18nKey.FILES$BINARY_FALLBACK)})}function f({path:l,viewMode:f}){let{t:p}=e.useTranslation(`openhands`),m=a.useWorkspaceFileContent(l),h=i.useWorkspaceMutationCounter(e=>e.count);if(m.isLoading)return(0,s.jsx)(`div`,{className:`flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]`,children:p(t.I18nKey.FILES$LOADING_FILES)});if(m.isError||!m.data)return(0,s.jsx)(`div`,{className:`flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]`,"data-testid":`file-content-viewer-error`,children:m.error?.message??p(t.I18nKey.FILES$LOAD_ERROR)});let{kind:g,text:_,staticUrl:v,mimeType:y}=m.data,b=i.withWorkspaceCacheBuster(v,h);return f===`plain`?g===`text`&&_!==null?(0,s.jsx)(o.HighlightedSourceView,{path:l,text:_,mimeType:y??void 0}):(0,s.jsx)(d,{path:l}):g===`image`?(0,s.jsx)(`div`,{className:`flex h-full w-full items-center justify-center bg-[var(--oh-surface)] p-4`,"data-testid":`file-content-viewer-image`,children:(0,s.jsx)(`img`,{src:b,alt:l,className:`max-h-full max-w-full object-contain`})}):g===`pdf`?(0,s.jsx)(`iframe`,{title:l,src:b,"data-testid":`file-content-viewer-iframe`,className:`h-full w-full bg-white`}):g===`binary`?(0,s.jsx)(d,{path:l}):y===`text/html`||c.has(u(l))?(0,s.jsx)(`iframe`,{title:l,src:b,sandbox:`allow-same-origin`,"data-testid":`file-content-viewer-iframe`,className:`h-full w-full bg-white`}):g===`text`&&r.isMarkdownFilePath(l)?(0,s.jsx)(`div`,{"data-testid":`file-content-viewer-markdown`,className:`h-full w-full overflow-auto bg-[var(--oh-surface)] text-white custom-scrollbar-always [--oh-scroll-fade-from:var(--oh-surface)]`,children:(0,s.jsx)(`div`,{className:`prose prose-sm prose-invert max-w-none p-6 [--tw-prose-body:#fff] [--tw-prose-bold:#fff] [--tw-prose-headings:#fff] [--tw-prose-lead:#fff] [--tw-prose-counters:#fff] [--tw-prose-quotes:#fff] [--tw-prose-quote-borders:var(--oh-border-subtle)] [--tw-prose-bullets:var(--oh-muted)] [--tw-prose-hr:var(--oh-border-subtle)] [--tw-prose-captions:var(--oh-muted)] [--tw-prose-kbd:#fff]`,children:(0,s.jsx)(n.MarkdownRenderer,{content:_??``,includeStandard:!0,includeHeadings:!0})})}):g===`text`&&_!==null?(0,s.jsx)(o.HighlightedSourceView,{path:l,text:_,mimeType:y??void 0}):(0,s.jsx)(d,{path:l})}exports.FileContentViewer=f;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../markdown/markdown-renderer.cjs"),r=require("../../../stores/use-workspace-mutation-counter.cjs"),i=require("../../../utils/is-markdown-file-path.cjs"),a=require("../../../hooks/query/use-workspace-file-content.cjs"),o=require("./highlighted-source-view.cjs");let s=require("react/jsx-runtime");var c=new Set([`html`,`htm`,`svg`]),l={pptx:`PowerPoint`,ppt:`PowerPoint`,docx:`Word`,doc:`Word`,xlsx:`Excel`,xls:`Excel`};function u(e){let t=e.lastIndexOf(`.`);return t===-1?``:e.slice(t+1).toLowerCase()}function d({path:n}){let{t:r}=e.useTranslation(`openhands`),i=l[u(n)];return(0,s.jsx)(`div`,{className:`flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]`,"data-testid":i?`file-content-viewer-unsupported-document`:`file-content-viewer-binary-fallback`,children:i?r(t.I18nKey.FILES$UNSUPPORTED_DOCUMENT,{type:i}):r(t.I18nKey.FILES$BINARY_FALLBACK)})}function f({path:l,viewMode:f}){let{t:p}=e.useTranslation(`openhands`),m=a.useWorkspaceFileContent(l),h=r.useWorkspaceMutationCounter(e=>e.count);if(m.isLoading)return(0,s.jsx)(`div`,{className:`flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]`,children:p(t.I18nKey.FILES$LOADING_FILES)});if(m.isError||!m.data)return(0,s.jsx)(`div`,{className:`flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]`,"data-testid":`file-content-viewer-error`,children:m.error?.message??p(t.I18nKey.FILES$LOAD_ERROR)});let{kind:g,text:_,staticUrl:v,mimeType:y}=m.data,b=r.withWorkspaceCacheBuster(v,h);return f===`plain`?g===`text`&&_!==null?(0,s.jsx)(o.HighlightedSourceView,{path:l,text:_,mimeType:y??void 0}):(0,s.jsx)(d,{path:l}):g===`image`?(0,s.jsx)(`div`,{className:`flex h-full w-full items-center justify-center bg-[var(--oh-surface)] p-4`,"data-testid":`file-content-viewer-image`,children:(0,s.jsx)(`img`,{src:b,alt:l,className:`max-h-full max-w-full object-contain`})}):g===`pdf`?(0,s.jsx)(`iframe`,{title:l,src:b,"data-testid":`file-content-viewer-iframe`,className:`h-full w-full bg-white`}):g===`binary`?(0,s.jsx)(d,{path:l}):y===`text/html`||c.has(u(l))?(0,s.jsx)(`iframe`,{title:l,src:b,sandbox:`allow-same-origin`,"data-testid":`file-content-viewer-iframe`,className:`h-full w-full bg-white`}):g===`text`&&i.isMarkdownFilePath(l)?(0,s.jsx)(`div`,{"data-testid":`file-content-viewer-markdown`,className:`h-full w-full overflow-auto bg-[var(--oh-surface)] text-white custom-scrollbar-always [--oh-scroll-fade-from:var(--oh-surface)]`,children:(0,s.jsx)(`div`,{className:`prose prose-sm prose-invert max-w-none p-6 [--tw-prose-body:#fff] [--tw-prose-bold:#fff] [--tw-prose-headings:#fff] [--tw-prose-lead:#fff] [--tw-prose-counters:#fff] [--tw-prose-quotes:#fff] [--tw-prose-quote-borders:var(--oh-border-subtle)] [--tw-prose-bullets:var(--oh-muted)] [--tw-prose-hr:var(--oh-border-subtle)] [--tw-prose-captions:var(--oh-muted)] [--tw-prose-kbd:#fff]`,children:(0,s.jsx)(n.MarkdownRenderer,{content:_??``,includeStandard:!0,includeHeadings:!0})})}):g===`text`&&_!==null?(0,s.jsx)(o.HighlightedSourceView,{path:l,text:_,mimeType:y??void 0}):(0,s.jsx)(d,{path:l})}exports.FileContentViewer=f;
 //# sourceMappingURL=file-content-viewer.cjs.map

package/dist/components/features/files-tab/file-content-viewer.js

@@ -1,8 +1,8 @@
 import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as t } from "../../../i18n/declaration.js";
 import { MarkdownRenderer as n } from "../markdown/markdown-renderer.js";
-import { isMarkdownFilePath as r } from "../../../utils/is-markdown-file-path.js";
-import { useWorkspaceMutationCounter as i, withWorkspaceCacheBuster as a } from "../../../stores/use-workspace-mutation-counter.js";
+import { useWorkspaceMutationCounter as r, withWorkspaceCacheBuster as i } from "../../../stores/use-workspace-mutation-counter.js";
+import { isMarkdownFilePath as a } from "../../../utils/is-markdown-file-path.js";
 import { useWorkspaceFileContent as o } from "../../../hooks/query/use-workspace-file-content.js";
 import { HighlightedSourceView as s } from "./highlighted-source-view.js";
 import { jsx as c } from "react/jsx-runtime";
@@ -32,7 +32,7 @@ function f({ path: n }) {
 	});
 }
 function p({ path: u, viewMode: p }) {
-	let { t: m } = e("openhands"), h = o(u), g = i((e) => e.count);
+	let { t: m } = e("openhands"), h = o(u), g = r((e) => e.count);
 	if (h.isLoading) return /* @__PURE__ */ c("div", {
 		className: "flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]",
 		children: m(t.FILES$LOADING_FILES)
@@ -42,7 +42,7 @@ function p({ path: u, viewMode: p }) {
 		"data-testid": "file-content-viewer-error",
 		children: h.error?.message ?? m(t.FILES$LOAD_ERROR)
 	});
-	let { kind: _, text: v, staticUrl: y, mimeType: b } = h.data, x = a(y, g);
+	let { kind: _, text: v, staticUrl: y, mimeType: b } = h.data, x = i(y, g);
 	return p === "plain" ? _ === "text" && v !== null ? /* @__PURE__ */ c(s, {
 		path: u,
 		text: v,
@@ -66,7 +66,7 @@ function p({ path: u, viewMode: p }) {
 		sandbox: "allow-same-origin",
 		"data-testid": "file-content-viewer-iframe",
 		className: "h-full w-full bg-white"
-	}) : _ === "text" && r(u) ? /* @__PURE__ */ c("div", {
+	}) : _ === "text" && a(u) ? /* @__PURE__ */ c("div", {
 		"data-testid": "file-content-viewer-markdown",
 		className: "h-full w-full overflow-auto bg-[var(--oh-surface)] text-white custom-scrollbar-always [--oh-scroll-fade-from:var(--oh-surface)]",
 		children: /* @__PURE__ */ c("div", {

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;