npm - @openhands/agent-canvas - Versions diffs - 1.16.0 → 1.17.0 - Mend

@openhands/agent-canvas 1.16.0 → 1.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (956) hide show

package/dist/components/shared/filters/enum-filter-dropdown.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"enum-filter-dropdown.cjs","names":[],"sources":["../../../../src/components/shared/filters/enum-filter-dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { Check, ChevronDown } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { cn } from \"#/utils/utils\";\nimport {\n dropdownFilterTriggerClassName,\n dropdownMenuListClassName,\n dropdownMenuRowClassName,\n} from \"#/utils/dropdown-classes\";\n\ninterface EnumFilterDropdownProps<T extends string> {\n testId: string;\n value: T;\n onChange: (value: T) => void;\n options: readonly T[];\n labelKeyByValue?: Record<T, I18nKey>;\n /** Plain-string labels, e.g. manifest-supplied copy. Wins over the keys. /\n labelByValue?: Record<T, string>;\n ariaLabel?: string;\n className?: string;\n /* Stretch the trigger to the container width, e.g. inside a parent menu. */\n fullWidth?: boolean;\n}\n\nexport function EnumFilterDropdown<T extends string>({\n testId,\n value,\n onChange,\n options,\n labelKeyByValue,\n labelByValue,\n ariaLabel,\n className,\n fullWidth = false,\n}: EnumFilterDropdownProps<T>) {\n const { t } = useTranslation(\"openhands\");\n const [open, setOpen] = React.useState(false);\n const containerRef = useClickOutsideElement<HTMLDivElement>(() =>\n setOpen(false),\n );\n\n const getOptionLabel = (option: T): string =>\n labelByValue?.[option] ??\n (labelKeyByValue ? t(labelKeyByValue[option]) : option);\n const resolvedAriaLabel =\n ariaLabel ?? t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL);\n\n const defaultOption = options[0];\n const selectedLabel = getOptionLabel(value);\n\n return (\n <div\n ref={containerRef}\n className={cn(\n \"relative shrink-0\",\n fullWidth ? \"w-full\" : \"w-auto\",\n className,\n )}\n data-testid={testId}\n >\n <button\n type=\"button\"\n data-testid=\"dropdown-trigger\"\n aria-haspopup=\"menu\"\n aria-expanded={open}\n aria-label={resolvedAriaLabel}\n onClick={() => setOpen((prev) => !prev)}\n className={cn(\n dropdownFilterTriggerClassName,\n fullWidth && \"w-full justify-between\",\n defaultOption &&\n value !== defaultOption &&\n \"border-white/60 bg-white/10\",\n )}\n >\n <span className=\"whitespace-nowrap\">{selectedLabel}</span>\n <ChevronDown\n className={cn(\n \"h-4 w-4 shrink-0 text-tertiary-alt transition-transform\",\n open && \"rotate-180\",\n )}\n aria-hidden\n />\n </button>\n\n {open ? (\n <div\n role=\"menu\"\n data-testid={`${testId}-menu`}\n aria-label={resolvedAriaLabel}\n className={cn(\n \"absolute right-0 top-full z-50 mt-1 min-w-full w-max\",\n \"max-h-60 overflow-auto rounded-[6px] bg-tertiary p-1 context-menu-box-shadow\",\n dropdownMenuListClassName,\n )}\n >\n {options.map((option) => {\n const selected = option === value;\n return (\n <button\n key={option}\n type=\"button\"\n role=\"menuitemradio\"\n aria-checked={selected}\n data-testid={`${testId}-${option}`}\n onClick={() => {\n onChange(option);\n setOpen(false);\n }}\n className={cn(\n dropdownMenuRowClassName,\n selected && \"bg-[var(--oh-interactive-selected)]\",\n )}\n >\n <span className=\"min-w-0 flex-1 truncate\">\n {getOptionLabel(option)}\n </span>\n {selected ? (\n <Check className=\"h-4 w-4 shrink-0\" aria-hidden />\n ) : null}\n </button>\n );\n })}\n </div>\n ) : null}\n </div>\n );\n}\n"],"mappings":"~~uiBA0BA~~,SAAgB,EAAqC,CACnD,SACA,QACA,WACA,UACA,kBACA,eACA,YACA,YACA,YAAY,~~IACiB~~,CAC7B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAC,EAAM,GAAW,EAAA,QAAM,SAAS,EAAK,EACtC,EAAe,EAAA,2BACnB,EAAQ,EAAK,CACf,EAEM,EAAkB,GACtB,IAAe,KACd,EAAkB,EAAE,EAAgB,EAAO,EAAI,GAC5C,EACJ,GAAa,EAAE,EAAA,QAAQ,+BAA+B,EAElD,EAAgB,EAAQ,GACxB,EAAgB,EAAe,CAAK,EAE1C,OACE,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,UAAW,EAAA,GACT,oBACA,EAAY,SAAW,SACvB,CACF,EACA,cAAa,WAPf,EASE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,cAAY,mBACZ,gBAAc,OACd,gBAAe,EACf,aAAY,EACZ,YAAe,EAAS,GAAS,CAAC,CAAI,EACtC,UAAW,EAAA,GACT,EAAA,+BACA,GAAa,yBACb,GACE,IAAU,GACV,~~6BACJ~~,~~WAbF~~,~~EAeE~~,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,6BAAqB,CAAoB,CAAA,GACzD,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,UAAW,EAAA,GACT,0DACA,GAAQ,YACV,EACA,cAAA,EACD,CAAA,CACK,IAEP,GACC,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,OACL,cAAa,GAAG,EAAO,OACvB,aAAY,EACZ,UAAW,EAAA,GACT,uDACA,+EACA,EAAA,yBACF,WAEC,EAAQ,IAAK,GAAW,CACvB,IAAM,EAAW,IAAW,EAC5B,OACE,EAAA,EAAA,MAAC,SAAD,CAEE,KAAK,SACL,KAAK,gBACL,eAAc,EACd,cAAa,GAAG,EAAO,GAAG,IAC1B,YAAe,CACb,EAAS,CAAM,EACf,EAAQ,EAAK,CACf,EACA,UAAW,EAAA,GACT,EAAA,yBACA,GAAY,qCACd,WAbF,EAeE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mCACb,EAAe,CAAM,CAClB,CAAA,EACL,GACC,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,mBAAmB,cAAA,EAAa,CAAA,EAC/C,IACE,GApBD,CAoBC,CAEZ,CAAC,CACE,CAAA,EACH,IACD,GAET"}
1	+ {"version":3,"file":"enum-filter-dropdown.cjs","names":[],"sources":["../../../../src/components/shared/filters/enum-filter-dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { Check, ChevronDown } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { cn } from \"#/utils/utils\";\nimport {\n dropdownFilterTriggerClassName,\n dropdownMenuListClassName,\n dropdownMenuRowClassName,\n} from \"#/utils/dropdown-classes\";\n\ninterface EnumFilterDropdownProps<T extends string> {\n testId: string;\n value: T;\n onChange: (value: T) => void;\n options: readonly T[];\n labelKeyByValue?: Record<T, I18nKey>;\n /** Plain-string labels, e.g. manifest-supplied copy. Wins over the keys. /\n labelByValue?: Record<T, string>;\n ariaLabel?: string;\n className?: string;\n /* Overrides trigger chip colors, padding, and radius. Menu styles stay shared. /\n triggerClassName?: string;\n /* Stretch the trigger to the container width, e.g. inside a parent menu. /\n fullWidth?: boolean;\n /* Highlight the trigger when the value is not the first option. */\n emphasizeNonDefault?: boolean;\n}\n\nexport function EnumFilterDropdown<T extends string>({\n testId,\n value,\n onChange,\n options,\n labelKeyByValue,\n labelByValue,\n ariaLabel,\n className,\n triggerClassName,\n fullWidth = false,\n emphasizeNonDefault = true,\n}: EnumFilterDropdownProps<T>) {\n const { t } = useTranslation(\"openhands\");\n const [open, setOpen] = React.useState(false);\n const containerRef = useClickOutsideElement<HTMLDivElement>(() =>\n setOpen(false),\n );\n\n const getOptionLabel = (option: T): string =>\n labelByValue?.[option] ??\n (labelKeyByValue ? t(labelKeyByValue[option]) : option);\n const resolvedAriaLabel =\n ariaLabel ?? t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL);\n\n const defaultOption = options[0];\n const selectedLabel = getOptionLabel(value);\n\n return (\n <div\n ref={containerRef}\n className={cn(\n \"relative shrink-0\",\n fullWidth ? \"w-full\" : \"w-auto\",\n className,\n )}\n data-testid={testId}\n >\n <button\n type=\"button\"\n data-testid=\"dropdown-trigger\"\n aria-haspopup=\"menu\"\n aria-expanded={open}\n aria-label={resolvedAriaLabel}\n onClick={() => setOpen((prev) => !prev)}\n className={cn(\n dropdownFilterTriggerClassName,\n fullWidth && \"w-full justify-between\",\n emphasizeNonDefault &&\n defaultOption &&\n value !== defaultOption &&\n \"border-white/60 bg-white/10\",\n triggerClassName,\n )}\n >\n <span className=\"whitespace-nowrap\">{selectedLabel}</span>\n <ChevronDown\n className={cn(\n \"h-4 w-4 shrink-0 text-tertiary-alt transition-transform\",\n open && \"rotate-180\",\n )}\n aria-hidden\n />\n </button>\n\n {open ? (\n <div\n role=\"menu\"\n data-testid={`${testId}-menu`}\n aria-label={resolvedAriaLabel}\n className={cn(\n \"absolute right-0 top-full z-50 mt-1 min-w-full w-max\",\n \"max-h-60 overflow-auto rounded-[6px] bg-tertiary p-1 context-menu-box-shadow\",\n dropdownMenuListClassName,\n )}\n >\n {options.map((option) => {\n const selected = option === value;\n return (\n <button\n key={option}\n type=\"button\"\n role=\"menuitemradio\"\n aria-checked={selected}\n data-testid={`${testId}-${option}`}\n onClick={() => {\n onChange(option);\n setOpen(false);\n }}\n className={cn(\n dropdownMenuRowClassName,\n selected && \"bg-[var(--oh-interactive-selected)]\",\n )}\n >\n <span className=\"min-w-0 flex-1 truncate\">\n {getOptionLabel(option)}\n </span>\n {selected ? (\n <Check className=\"h-4 w-4 shrink-0\" aria-hidden />\n ) : null}\n </button>\n );\n })}\n </div>\n ) : null}\n </div>\n );\n}\n"],"mappings":"uiBA8BA,SAAgB,EAAqC,CACnD,SACA,QACA,WACA,UACA,kBACA,eACA,YACA,YACA,mBACA,YAAY,GACZ,sBAAsB,IACO,CAC7B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAC,EAAM,GAAW,EAAA,QAAM,SAAS,EAAK,EACtC,EAAe,EAAA,2BACnB,EAAQ,EAAK,CACf,EAEM,EAAkB,GACtB,IAAe,KACd,EAAkB,EAAE,EAAgB,EAAO,EAAI,GAC5C,EACJ,GAAa,EAAE,EAAA,QAAQ,+BAA+B,EAElD,EAAgB,EAAQ,GACxB,EAAgB,EAAe,CAAK,EAE1C,OACE,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,UAAW,EAAA,GACT,oBACA,EAAY,SAAW,SACvB,CACF,EACA,cAAa,WAPf,EASE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,cAAY,mBACZ,gBAAc,OACd,gBAAe,EACf,aAAY,EACZ,YAAe,EAAS,GAAS,CAAC,CAAI,EACtC,UAAW,EAAA,GACT,EAAA,+BACA,GAAa,yBACb,GACE,GACA,IAAU,GACV,8BACF,CACF,WAfF,EAiBE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,6BAAqB,CAAoB,CAAA,GACzD,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,UAAW,EAAA,GACT,0DACA,GAAQ,YACV,EACA,cAAA,EACD,CAAA,CACK,IAEP,GACC,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,OACL,cAAa,GAAG,EAAO,OACvB,aAAY,EACZ,UAAW,EAAA,GACT,uDACA,+EACA,EAAA,yBACF,WAEC,EAAQ,IAAK,GAAW,CACvB,IAAM,EAAW,IAAW,EAC5B,OACE,EAAA,EAAA,MAAC,SAAD,CAEE,KAAK,SACL,KAAK,gBACL,eAAc,EACd,cAAa,GAAG,EAAO,GAAG,IAC1B,YAAe,CACb,EAAS,CAAM,EACf,EAAQ,EAAK,CACf,EACA,UAAW,EAAA,GACT,EAAA,yBACA,GAAY,qCACd,WAbF,EAeE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mCACb,EAAe,CAAM,CAClB,CAAA,EACL,GACC,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,mBAAmB,cAAA,EAAa,CAAA,EAC/C,IACE,GApBD,CAoBC,CAEZ,CAAC,CACE,CAAA,EACH,IACD,GAET"}

package/dist/components/shared/filters/enum-filter-dropdown.d.ts CHANGED Viewed

@@ -10,8 +10,12 @@ interface EnumFilterDropdownProps<T extends string> {
     labelByValue?: Record<T, string>;
     ariaLabel?: string;
     className?: string;
+    /** Overrides trigger chip colors, padding, and radius. Menu styles stay shared. */
+    triggerClassName?: string;
     /** Stretch the trigger to the container width, e.g. inside a parent menu. */
     fullWidth?: boolean;
+    /** Highlight the trigger when the value is not the first option. */
+    emphasizeNonDefault?: boolean;
 }
-export declare function EnumFilterDropdown<T extends string>({ testId, value, onChange, options, labelKeyByValue, labelByValue, ariaLabel, className, fullWidth, }: EnumFilterDropdownProps<T>): React.JSX.Element;
+export declare function EnumFilterDropdown<T extends string>({ testId, value, onChange, options, labelKeyByValue, labelByValue, ariaLabel, className, triggerClassName, fullWidth, emphasizeNonDefault, }: EnumFilterDropdownProps<T>): React.JSX.Element;
 export {};

package/dist/components/shared/filters/enum-filter-dropdown.js CHANGED Viewed

@@ -8,31 +8,31 @@ import { useClickOutsideElement as c } from "../../../hooks/use-click-outside-el
 import l from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/shared/filters/enum-filter-dropdown.tsx
-function f({ testId: f, value: p, onChange: m, options: h, labelKeyByValue: g, labelByValue: _, ariaLabel: v, className: y, fullWidth: b = !1 }) {
-	let { t: x } = e("openhands"), [S, C] = l.useState(!1), w = c(() => C(!1)), T = (e) => _?.[e] ?? (g ? x(g[e]) : e), E = v ?? x(t.CONVERSATION_PANEL$FILTER_LABEL), D = h[0], O = T(p);
+function f({ testId: f, value: p, onChange: m, options: h, labelKeyByValue: g, labelByValue: _, ariaLabel: v, className: y, triggerClassName: b, fullWidth: x = !1, emphasizeNonDefault: S = !0 }) {
+	let { t: C } = e("openhands"), [w, T] = l.useState(!1), E = c(() => T(!1)), D = (e) => _?.[e] ?? (g ? C(g[e]) : e), O = v ?? C(t.CONVERSATION_PANEL$FILTER_LABEL), k = h[0], A = D(p);
 	return /* @__PURE__ */ d("div", {
-		ref: w,
-		className: i("relative shrink-0", b ? "w-full" : "w-auto", y),
+		ref: E,
+		className: i("relative shrink-0", x ? "w-full" : "w-auto", y),
 		"data-testid": f,
 		children: [/* @__PURE__ */ d("button", {
 			type: "button",
 			"data-testid": "dropdown-trigger",
 			"aria-haspopup": "menu",
-			"aria-expanded": S,
-			"aria-label": E,
-			onClick: () => C((e) => !e),
-			className: i(a, b && "w-full justify-between", D && p !== D && "border-white/60 bg-white/10"),
+			"aria-expanded": w,
+			"aria-label": O,
+			onClick: () => T((e) => !e),
+			className: i(a, x && "w-full justify-between", S && k && p !== k && "border-white/60 bg-white/10", b),
 			children: [/* @__PURE__ */ u("span", {
 				className: "whitespace-nowrap",
-				children: O
+				children: A
 			}), /* @__PURE__ */ u(r, {
-				className: i("h-4 w-4 shrink-0 text-tertiary-alt transition-transform", S && "rotate-180"),
+				className: i("h-4 w-4 shrink-0 text-tertiary-alt transition-transform", w && "rotate-180"),
 				"aria-hidden": !0
 			})]
-		}), S ? /* @__PURE__ */ u("div", {
+		}), w ? /* @__PURE__ */ u("div", {
 			role: "menu",
 			"data-testid": `${f}-menu`,
-			"aria-label": E,
+			"aria-label": O,
 			className: i("absolute right-0 top-full z-50 mt-1 min-w-full w-max", "max-h-60 overflow-auto rounded-[6px] bg-tertiary p-1 context-menu-box-shadow", o),
 			children: h.map((e) => {
 				let t = e === p;
@@ -42,12 +42,12 @@ function f({ testId: f, value: p, onChange: m, options: h, labelKeyByValue: g, l
 					"aria-checked": t,
 					"data-testid": `${f}-${e}`,
 					onClick: () => {
-						m(e), C(!1);
+						m(e), T(!1);
 					},
 					className: i(s, t && "bg-[var(--oh-interactive-selected)]"),
 					children: [/* @__PURE__ */ u("span", {
 						className: "min-w-0 flex-1 truncate",
-						children: T(e)
+						children: D(e)
 					}), t ? /* @__PURE__ */ u(n, {
 						className: "h-4 w-4 shrink-0",
 						"aria-hidden": !0

package/dist/components/shared/filters/enum-filter-dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"enum-filter-dropdown.js","names":[],"sources":["../../../../src/components/shared/filters/enum-filter-dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { Check, ChevronDown } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { cn } from \"#/utils/utils\";\nimport {\n dropdownFilterTriggerClassName,\n dropdownMenuListClassName,\n dropdownMenuRowClassName,\n} from \"#/utils/dropdown-classes\";\n\ninterface EnumFilterDropdownProps<T extends string> {\n testId: string;\n value: T;\n onChange: (value: T) => void;\n options: readonly T[];\n labelKeyByValue?: Record<T, I18nKey>;\n /** Plain-string labels, e.g. manifest-supplied copy. Wins over the keys. /\n labelByValue?: Record<T, string>;\n ariaLabel?: string;\n className?: string;\n /* Stretch the trigger to the container width, e.g. inside a parent menu. */\n fullWidth?: boolean;\n}\n\nexport function EnumFilterDropdown<T extends string>({\n testId,\n value,\n onChange,\n options,\n labelKeyByValue,\n labelByValue,\n ariaLabel,\n className,\n fullWidth = false,\n}: EnumFilterDropdownProps<T>) {\n const { t } = useTranslation(\"openhands\");\n const [open, setOpen] = React.useState(false);\n const containerRef = useClickOutsideElement<HTMLDivElement>(() =>\n setOpen(false),\n );\n\n const getOptionLabel = (option: T): string =>\n labelByValue?.[option] ??\n (labelKeyByValue ? t(labelKeyByValue[option]) : option);\n const resolvedAriaLabel =\n ariaLabel ?? t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL);\n\n const defaultOption = options[0];\n const selectedLabel = getOptionLabel(value);\n\n return (\n <div\n ref={containerRef}\n className={cn(\n \"relative shrink-0\",\n fullWidth ? \"w-full\" : \"w-auto\",\n className,\n )}\n data-testid={testId}\n >\n <button\n type=\"button\"\n data-testid=\"dropdown-trigger\"\n aria-haspopup=\"menu\"\n aria-expanded={open}\n aria-label={resolvedAriaLabel}\n onClick={() => setOpen((prev) => !prev)}\n className={cn(\n dropdownFilterTriggerClassName,\n fullWidth && \"w-full justify-between\",\n defaultOption &&\n value !== defaultOption &&\n \"border-white/60 bg-white/10\",\n )}\n >\n <span className=\"whitespace-nowrap\">{selectedLabel}</span>\n <ChevronDown\n className={cn(\n \"h-4 w-4 shrink-0 text-tertiary-alt transition-transform\",\n open && \"rotate-180\",\n )}\n aria-hidden\n />\n </button>\n\n {open ? (\n <div\n role=\"menu\"\n data-testid={`${testId}-menu`}\n aria-label={resolvedAriaLabel}\n className={cn(\n \"absolute right-0 top-full z-50 mt-1 min-w-full w-max\",\n \"max-h-60 overflow-auto rounded-[6px] bg-tertiary p-1 context-menu-box-shadow\",\n dropdownMenuListClassName,\n )}\n >\n {options.map((option) => {\n const selected = option === value;\n return (\n <button\n key={option}\n type=\"button\"\n role=\"menuitemradio\"\n aria-checked={selected}\n data-testid={`${testId}-${option}`}\n onClick={() => {\n onChange(option);\n setOpen(false);\n }}\n className={cn(\n dropdownMenuRowClassName,\n selected && \"bg-[var(--oh-interactive-selected)]\",\n )}\n >\n <span className=\"min-w-0 flex-1 truncate\">\n {getOptionLabel(option)}\n </span>\n {selected ? (\n <Check className=\"h-4 w-4 shrink-0\" aria-hidden />\n ) : null}\n </button>\n );\n })}\n </div>\n ) : null}\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;~~AA0BA~~,SAAgB,EAAqC,EACnD,WACA,UACA,aACA,YACA,oBACA,iBACA,cACA,cACA,eAAY,~~MACiB~~;CAC7B,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAM,KAAW,EAAM,SAAS,EAAK,GACtC,IAAe,QACnB,EAAQ,EAAK,CACf,GAEM,KAAkB,MACtB,IAAe,OACd,IAAkB,EAAE,EAAgB,EAAO,IAAI,IAC5C,IACJ,KAAa,EAAE,EAAQ,+BAA+B,GAElD,IAAgB,EAAQ,IACxB,IAAgB,EAAe,CAAK;CAE1C,OACE,kBAAC,OAAD;EACE,KAAK;EACL,WAAW,EACT,qBACA,IAAY,WAAW,UACvB,CACF;EACA,eAAa;YAPf,CASE,kBAAC,UAAD;GACE,MAAK;GACL,eAAY;GACZ,iBAAc;GACd,iBAAe;GACf,cAAY;GACZ,eAAe,GAAS,MAAS,CAAC,CAAI;GACtC,WAAW,EACT,GACA,KAAa,0BACb,KACE,MAAU,KACV,~~6BACJ~~;~~aAbF~~,~~CAeE~~,kBAAC,QAAD;IAAM,WAAU;cAAqB;GAAoB,CAAA,GACzD,kBAAC,GAAD;IACE,WAAW,EACT,2DACA,KAAQ,YACV;IACA,eAAA;GACD,CAAA,CACK;MAEP,IACC,kBAAC,OAAD;GACE,MAAK;GACL,eAAa,GAAG,EAAO;GACvB,cAAY;GACZ,WAAW,EACT,wDACA,gFACA,CACF;aAEC,EAAQ,KAAK,MAAW;IACvB,IAAM,IAAW,MAAW;IAC5B,OACE,kBAAC,UAAD;KAEE,MAAK;KACL,MAAK;KACL,gBAAc;KACd,eAAa,GAAG,EAAO,GAAG;KAC1B,eAAe;MAEb,AADA,EAAS,CAAM,GACf,EAAQ,EAAK;KACf;KACA,WAAW,EACT,GACA,KAAY,qCACd;eAbF,CAeE,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAe,CAAM;KAClB,CAAA,GACL,IACC,kBAAC,GAAD;MAAO,WAAU;MAAmB,eAAA;KAAa,CAAA,IAC/C,IACE;OApBD,CAoBC;GAEZ,CAAC;EACE,CAAA,IACH,IACD;;AAET"}
1	+ {"version":3,"file":"enum-filter-dropdown.js","names":[],"sources":["../../../../src/components/shared/filters/enum-filter-dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { Check, ChevronDown } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { cn } from \"#/utils/utils\";\nimport {\n dropdownFilterTriggerClassName,\n dropdownMenuListClassName,\n dropdownMenuRowClassName,\n} from \"#/utils/dropdown-classes\";\n\ninterface EnumFilterDropdownProps<T extends string> {\n testId: string;\n value: T;\n onChange: (value: T) => void;\n options: readonly T[];\n labelKeyByValue?: Record<T, I18nKey>;\n /** Plain-string labels, e.g. manifest-supplied copy. Wins over the keys. /\n labelByValue?: Record<T, string>;\n ariaLabel?: string;\n className?: string;\n /* Overrides trigger chip colors, padding, and radius. Menu styles stay shared. /\n triggerClassName?: string;\n /* Stretch the trigger to the container width, e.g. inside a parent menu. /\n fullWidth?: boolean;\n /* Highlight the trigger when the value is not the first option. */\n emphasizeNonDefault?: boolean;\n}\n\nexport function EnumFilterDropdown<T extends string>({\n testId,\n value,\n onChange,\n options,\n labelKeyByValue,\n labelByValue,\n ariaLabel,\n className,\n triggerClassName,\n fullWidth = false,\n emphasizeNonDefault = true,\n}: EnumFilterDropdownProps<T>) {\n const { t } = useTranslation(\"openhands\");\n const [open, setOpen] = React.useState(false);\n const containerRef = useClickOutsideElement<HTMLDivElement>(() =>\n setOpen(false),\n );\n\n const getOptionLabel = (option: T): string =>\n labelByValue?.[option] ??\n (labelKeyByValue ? t(labelKeyByValue[option]) : option);\n const resolvedAriaLabel =\n ariaLabel ?? t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL);\n\n const defaultOption = options[0];\n const selectedLabel = getOptionLabel(value);\n\n return (\n <div\n ref={containerRef}\n className={cn(\n \"relative shrink-0\",\n fullWidth ? \"w-full\" : \"w-auto\",\n className,\n )}\n data-testid={testId}\n >\n <button\n type=\"button\"\n data-testid=\"dropdown-trigger\"\n aria-haspopup=\"menu\"\n aria-expanded={open}\n aria-label={resolvedAriaLabel}\n onClick={() => setOpen((prev) => !prev)}\n className={cn(\n dropdownFilterTriggerClassName,\n fullWidth && \"w-full justify-between\",\n emphasizeNonDefault &&\n defaultOption &&\n value !== defaultOption &&\n \"border-white/60 bg-white/10\",\n triggerClassName,\n )}\n >\n <span className=\"whitespace-nowrap\">{selectedLabel}</span>\n <ChevronDown\n className={cn(\n \"h-4 w-4 shrink-0 text-tertiary-alt transition-transform\",\n open && \"rotate-180\",\n )}\n aria-hidden\n />\n </button>\n\n {open ? (\n <div\n role=\"menu\"\n data-testid={`${testId}-menu`}\n aria-label={resolvedAriaLabel}\n className={cn(\n \"absolute right-0 top-full z-50 mt-1 min-w-full w-max\",\n \"max-h-60 overflow-auto rounded-[6px] bg-tertiary p-1 context-menu-box-shadow\",\n dropdownMenuListClassName,\n )}\n >\n {options.map((option) => {\n const selected = option === value;\n return (\n <button\n key={option}\n type=\"button\"\n role=\"menuitemradio\"\n aria-checked={selected}\n data-testid={`${testId}-${option}`}\n onClick={() => {\n onChange(option);\n setOpen(false);\n }}\n className={cn(\n dropdownMenuRowClassName,\n selected && \"bg-[var(--oh-interactive-selected)]\",\n )}\n >\n <span className=\"min-w-0 flex-1 truncate\">\n {getOptionLabel(option)}\n </span>\n {selected ? (\n <Check className=\"h-4 w-4 shrink-0\" aria-hidden />\n ) : null}\n </button>\n );\n })}\n </div>\n ) : null}\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;AA8BA,SAAgB,EAAqC,EACnD,WACA,UACA,aACA,YACA,oBACA,iBACA,cACA,cACA,qBACA,eAAY,IACZ,yBAAsB,MACO;CAC7B,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAM,KAAW,EAAM,SAAS,EAAK,GACtC,IAAe,QACnB,EAAQ,EAAK,CACf,GAEM,KAAkB,MACtB,IAAe,OACd,IAAkB,EAAE,EAAgB,EAAO,IAAI,IAC5C,IACJ,KAAa,EAAE,EAAQ,+BAA+B,GAElD,IAAgB,EAAQ,IACxB,IAAgB,EAAe,CAAK;CAE1C,OACE,kBAAC,OAAD;EACE,KAAK;EACL,WAAW,EACT,qBACA,IAAY,WAAW,UACvB,CACF;EACA,eAAa;YAPf,CASE,kBAAC,UAAD;GACE,MAAK;GACL,eAAY;GACZ,iBAAc;GACd,iBAAe;GACf,cAAY;GACZ,eAAe,GAAS,MAAS,CAAC,CAAI;GACtC,WAAW,EACT,GACA,KAAa,0BACb,KACE,KACA,MAAU,KACV,+BACF,CACF;aAfF,CAiBE,kBAAC,QAAD;IAAM,WAAU;cAAqB;GAAoB,CAAA,GACzD,kBAAC,GAAD;IACE,WAAW,EACT,2DACA,KAAQ,YACV;IACA,eAAA;GACD,CAAA,CACK;MAEP,IACC,kBAAC,OAAD;GACE,MAAK;GACL,eAAa,GAAG,EAAO;GACvB,cAAY;GACZ,WAAW,EACT,wDACA,gFACA,CACF;aAEC,EAAQ,KAAK,MAAW;IACvB,IAAM,IAAW,MAAW;IAC5B,OACE,kBAAC,UAAD;KAEE,MAAK;KACL,MAAK;KACL,gBAAc;KACd,eAAa,GAAG,EAAO,GAAG;KAC1B,eAAe;MAEb,AADA,EAAS,CAAM,GACf,EAAQ,EAAK;KACf;KACA,WAAW,EACT,GACA,KAAY,qCACd;eAbF,CAeE,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAe,CAAM;KAClB,CAAA,GACL,IACC,kBAAC,GAAD;MAAO,WAAU;MAAmB,eAAA;KAAa,CAAA,IAC/C,IACE;OApBD,CAoBC;GAEZ,CAAC;EACE,CAAA,IACH,IACD;;AAET"}

package/dist/components/shared/modals/confirmation-modal.cjs CHANGED Viewed

@@ -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("./modal-backdrop.cjs"),r=require("../../features/settings/brand-button.cjs");let i=require("react/jsx-runtime");function a({text:a,onConfirm:o,onCancel:s,isConfirming:c=!1}){let{t:l}=e.useTranslation(`openhands`);return(0,i.jsx)(n.ModalBackdrop,{onClose:c?void 0:s,closeOnEscape:!c,children:(0,i.jsxs)(`div`,{"data-testid":`confirmation-modal`,className:`bg-base-secondary p-4 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]`,children:[(0,i.jsx)(`p`,{children:a}),(0,i.jsxs)(`div`,{className:`w-full flex justify-end gap-2`,children:[(0,i.jsx)(r.BrandButton,{testId:`cancel-button`,type:`button`,onClick:s,variant:`secondary`,isDisabled:c,children:l(t.I18nKey.BUTTON$CANCEL)}),(0,i.jsx)(r.BrandButton,{testId:`confirm-button`,type:`button`,onClick:o,variant:`primary`,isDisabled:c,children:l(t.I18nKey.BUTTON$CONFIRM)})]})]})})}exports.ConfirmationModal=a;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("./modal-backdrop.cjs"),r=require("../../features/settings/brand-button.cjs");let i=require("react/jsx-runtime");function a({text:a,onConfirm:o,onCancel:s,confirmText:c,isConfirming:l=!1}){let{t:u}=e.useTranslation(`openhands`);return(0,i.jsx)(n.ModalBackdrop,{onClose:l?void 0:s,closeOnEscape:!l,children:(0,i.jsxs)(`div`,{"data-testid":`confirmation-modal`,className:`bg-base-secondary p-4 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]`,children:[(0,i.jsx)(`p`,{children:a}),(0,i.jsxs)(`div`,{className:`w-full flex justify-end gap-2`,children:[(0,i.jsx)(r.BrandButton,{testId:`cancel-button`,type:`button`,onClick:s,variant:`secondary`,isDisabled:l,children:u(t.I18nKey.BUTTON$CANCEL)}),(0,i.jsx)(r.BrandButton,{testId:`confirm-button`,type:`button`,onClick:o,variant:`primary`,isDisabled:l,children:c??u(t.I18nKey.BUTTON$CONFIRM)})]})]})})}exports.ConfirmationModal=a;
 //# sourceMappingURL=confirmation-modal.cjs.map

package/dist/components/shared/modals/confirmation-modal.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"confirmation-modal.cjs","names":[],"sources":["../../../../src/components/shared/modals/confirmation-modal.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ModalBackdrop } from \"./modal-backdrop\";\n\ninterface ConfirmationModalProps {\n text: string;\n onConfirm: () => void;\n onCancel: () => void;\n /*\n Disables both action buttons while an asynchronous confirm\n * mutation is in flight. Defaults to false to preserve existing\n * call sites that don't track mutation state.\n */\n isConfirming?: boolean;\n}\n\nexport function ConfirmationModal({\n text,\n onConfirm,\n onCancel,\n isConfirming = false,\n}: ConfirmationModalProps) {\n const { t } = useTranslation(\"openhands\");\n // Suppress the backdrop's click / Escape close handler while the\n // confirm mutation is in flight; otherwise the user could dismiss\n // the modal mid-request and never see the result (the buttons are\n // already disabled, but the backdrop wasn't).\n return (\n <ModalBackdrop\n onClose={isConfirming ? undefined : onCancel}\n closeOnEscape={!isConfirming}\n >\n <div\n data-testid=\"confirmation-modal\"\n className=\"bg-base-secondary p-4 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]\"\n >\n <p>{text}</p>\n <div className=\"w-full flex justify-end gap-2\">\n <BrandButton\n testId=\"cancel-button\"\n type=\"button\"\n onClick={onCancel}\n variant=\"secondary\"\n isDisabled={isConfirming}\n >\n {t(I18nKey.BUTTON$CANCEL)}\n </BrandButton>\n <BrandButton\n testId=\"confirm-button\"\n type=\"button\"\n onClick={onConfirm}\n variant=\"primary\"\n isDisabled={isConfirming}\n >\n {t(I18nKey.BUTTON$CONFIRM)}\n </BrandButton>\n </div>\n </div>\n </ModalBackdrop>\n );\n}\n"],"mappings":"~~2SAiBA~~,SAAgB,EAAkB,CAChC,OACA,YACA,WACA,eAAe,IACU,CACzB,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAKxC,OACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,QAAS,EAAe,IAAA,GAAY,EACpC,cAAe,CAAC,YAEhB,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,qBACZ,UAAU,iGAFZ,EAIE,EAAA,EAAA,KAAC,IAAD,CAAA,SAAI,CAAQ,CAAA,GACZ,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,yCAAf,EACE,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,OAAO,gBACP,KAAK,SACL,QAAS,EACT,QAAQ,YACR,WAAY,WAEX,EAAE,EAAA,QAAQ,aAAa,CACb,CAAA,GACb,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,OAAO,iBACP,KAAK,SACL,QAAS,EACT,QAAQ,UACR,WAAY,WAEX,EAAE,EAAA,QAAQ,cAAc,~~CACd~~,CAAA,CACV,GACF,GACQ,CAAA,CAEnB"}
1	+ {"version":3,"file":"confirmation-modal.cjs","names":[],"sources":["../../../../src/components/shared/modals/confirmation-modal.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ModalBackdrop } from \"./modal-backdrop\";\n\ninterface ConfirmationModalProps {\n text: string;\n onConfirm: () => void;\n onCancel: () => void;\n confirmText?: string;\n /*\n Disables both action buttons while an asynchronous confirm\n * mutation is in flight. Defaults to false to preserve existing\n * call sites that don't track mutation state.\n */\n isConfirming?: boolean;\n}\n\nexport function ConfirmationModal({\n text,\n onConfirm,\n onCancel,\n confirmText,\n isConfirming = false,\n}: ConfirmationModalProps) {\n const { t } = useTranslation(\"openhands\");\n // Suppress the backdrop's click / Escape close handler while the\n // confirm mutation is in flight; otherwise the user could dismiss\n // the modal mid-request and never see the result (the buttons are\n // already disabled, but the backdrop wasn't).\n return (\n <ModalBackdrop\n onClose={isConfirming ? undefined : onCancel}\n closeOnEscape={!isConfirming}\n >\n <div\n data-testid=\"confirmation-modal\"\n className=\"bg-base-secondary p-4 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]\"\n >\n <p>{text}</p>\n <div className=\"w-full flex justify-end gap-2\">\n <BrandButton\n testId=\"cancel-button\"\n type=\"button\"\n onClick={onCancel}\n variant=\"secondary\"\n isDisabled={isConfirming}\n >\n {t(I18nKey.BUTTON$CANCEL)}\n </BrandButton>\n <BrandButton\n testId=\"confirm-button\"\n type=\"button\"\n onClick={onConfirm}\n variant=\"primary\"\n isDisabled={isConfirming}\n >\n {confirmText ?? t(I18nKey.BUTTON$CONFIRM)}\n </BrandButton>\n </div>\n </div>\n </ModalBackdrop>\n );\n}\n"],"mappings":"2SAkBA,SAAgB,EAAkB,CAChC,OACA,YACA,WACA,cACA,eAAe,IACU,CACzB,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAKxC,OACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,QAAS,EAAe,IAAA,GAAY,EACpC,cAAe,CAAC,YAEhB,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,qBACZ,UAAU,iGAFZ,EAIE,EAAA,EAAA,KAAC,IAAD,CAAA,SAAI,CAAQ,CAAA,GACZ,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,yCAAf,EACE,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,OAAO,gBACP,KAAK,SACL,QAAS,EACT,QAAQ,YACR,WAAY,WAEX,EAAE,EAAA,QAAQ,aAAa,CACb,CAAA,GACb,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,OAAO,iBACP,KAAK,SACL,QAAS,EACT,QAAQ,UACR,WAAY,WAEX,GAAe,EAAE,EAAA,QAAQ,cAAc,CAC7B,CAAA,CACV,GACF,GACQ,CAAA,CAEnB"}

package/dist/components/shared/modals/confirmation-modal.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ interface ConfirmationModalProps {
     text: string;
     onConfirm: () => void;
     onCancel: () => void;
+    confirmText?: string;
     /**
      * Disables both action buttons while an asynchronous confirm
      * mutation is in flight. Defaults to false to preserve existing
@@ -9,5 +10,5 @@ interface ConfirmationModalProps {
      */
     isConfirming?: boolean;
 }
-export declare function ConfirmationModal({ text, onConfirm, onCancel, isConfirming, }: ConfirmationModalProps): import("react").JSX.Element;
+export declare function ConfirmationModal({ text, onConfirm, onCancel, confirmText, isConfirming, }: ConfirmationModalProps): import("react").JSX.Element;
 export {};

package/dist/components/shared/modals/confirmation-modal.js CHANGED Viewed

@@ -4,11 +4,11 @@ import { ModalBackdrop as n } from "./modal-backdrop.js";
 import { BrandButton as r } from "../../features/settings/brand-button.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/shared/modals/confirmation-modal.tsx
-function o({ text: o, onConfirm: s, onCancel: c, isConfirming: l = !1 }) {
-	let { t: u } = e("openhands");
+function o({ text: o, onConfirm: s, onCancel: c, confirmText: l, isConfirming: u = !1 }) {
+	let { t: d } = e("openhands");
 	return /* @__PURE__ */ i(n, {
-		onClose: l ? void 0 : c,
-		closeOnEscape: !l,
+		onClose: u ? void 0 : c,
+		closeOnEscape: !u,
 		children: /* @__PURE__ */ a("div", {
 			"data-testid": "confirmation-modal",
 			className: "bg-base-secondary p-4 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]",
@@ -19,15 +19,15 @@ function o({ text: o, onConfirm: s, onCancel: c, isConfirming: l = !1 }) {
 					type: "button",
 					onClick: c,
 					variant: "secondary",
-					isDisabled: l,
-					children: u(t.BUTTON$CANCEL)
+					isDisabled: u,
+					children: d(t.BUTTON$CANCEL)
 				}), /* @__PURE__ */ i(r, {
 					testId: "confirm-button",
 					type: "button",
 					onClick: s,
 					variant: "primary",
-					isDisabled: l,
-					children: u(t.BUTTON$CONFIRM)
+					isDisabled: u,
+					children: l ?? d(t.BUTTON$CONFIRM)
 				})]
 			})]
 		})

package/dist/components/shared/modals/confirmation-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"confirmation-modal.js","names":[],"sources":["../../../../src/components/shared/modals/confirmation-modal.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ModalBackdrop } from \"./modal-backdrop\";\n\ninterface ConfirmationModalProps {\n text: string;\n onConfirm: () => void;\n onCancel: () => void;\n /*\n Disables both action buttons while an asynchronous confirm\n * mutation is in flight. Defaults to false to preserve existing\n * call sites that don't track mutation state.\n */\n isConfirming?: boolean;\n}\n\nexport function ConfirmationModal({\n text,\n onConfirm,\n onCancel,\n isConfirming = false,\n}: ConfirmationModalProps) {\n const { t } = useTranslation(\"openhands\");\n // Suppress the backdrop's click / Escape close handler while the\n // confirm mutation is in flight; otherwise the user could dismiss\n // the modal mid-request and never see the result (the buttons are\n // already disabled, but the backdrop wasn't).\n return (\n <ModalBackdrop\n onClose={isConfirming ? undefined : onCancel}\n closeOnEscape={!isConfirming}\n >\n <div\n data-testid=\"confirmation-modal\"\n className=\"bg-base-secondary p-4 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]\"\n >\n <p>{text}</p>\n <div className=\"w-full flex justify-end gap-2\">\n <BrandButton\n testId=\"cancel-button\"\n type=\"button\"\n onClick={onCancel}\n variant=\"secondary\"\n isDisabled={isConfirming}\n >\n {t(I18nKey.BUTTON$CANCEL)}\n </BrandButton>\n <BrandButton\n testId=\"confirm-button\"\n type=\"button\"\n onClick={onConfirm}\n variant=\"primary\"\n isDisabled={isConfirming}\n >\n {t(I18nKey.BUTTON$CONFIRM)}\n </BrandButton>\n </div>\n </div>\n </ModalBackdrop>\n );\n}\n"],"mappings":";;;;;;~~AAiBA~~,SAAgB,EAAkB,EAChC,SACA,cACA,aACA,kBAAe,MACU;CACzB,IAAM,EAAE,SAAM,EAAe,WAAW;CAKxC,OACE,kBAAC,GAAD;EACE,SAAS,IAAe,KAAA,IAAY;EACpC,eAAe,CAAC;YAEhB,kBAAC,OAAD;GACE,eAAY;GACZ,WAAU;aAFZ,CAIE,kBAAC,KAAD,EAAA,UAAI,EAAQ,CAAA,GACZ,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,QAAO;KACP,MAAK;KACL,SAAS;KACT,SAAQ;KACR,YAAY;eAEX,EAAE,EAAQ,aAAa;IACb,CAAA,GACb,kBAAC,GAAD;KACE,QAAO;KACP,MAAK;KACL,SAAS;KACT,SAAQ;KACR,YAAY;eAEX,EAAE,EAAQ,cAAc;~~IACd~~,CAAA,CACV;KACF;;CACQ,CAAA;AAEnB"}
1	+ {"version":3,"file":"confirmation-modal.js","names":[],"sources":["../../../../src/components/shared/modals/confirmation-modal.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ModalBackdrop } from \"./modal-backdrop\";\n\ninterface ConfirmationModalProps {\n text: string;\n onConfirm: () => void;\n onCancel: () => void;\n confirmText?: string;\n /*\n Disables both action buttons while an asynchronous confirm\n * mutation is in flight. Defaults to false to preserve existing\n * call sites that don't track mutation state.\n */\n isConfirming?: boolean;\n}\n\nexport function ConfirmationModal({\n text,\n onConfirm,\n onCancel,\n confirmText,\n isConfirming = false,\n}: ConfirmationModalProps) {\n const { t } = useTranslation(\"openhands\");\n // Suppress the backdrop's click / Escape close handler while the\n // confirm mutation is in flight; otherwise the user could dismiss\n // the modal mid-request and never see the result (the buttons are\n // already disabled, but the backdrop wasn't).\n return (\n <ModalBackdrop\n onClose={isConfirming ? undefined : onCancel}\n closeOnEscape={!isConfirming}\n >\n <div\n data-testid=\"confirmation-modal\"\n className=\"bg-base-secondary p-4 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]\"\n >\n <p>{text}</p>\n <div className=\"w-full flex justify-end gap-2\">\n <BrandButton\n testId=\"cancel-button\"\n type=\"button\"\n onClick={onCancel}\n variant=\"secondary\"\n isDisabled={isConfirming}\n >\n {t(I18nKey.BUTTON$CANCEL)}\n </BrandButton>\n <BrandButton\n testId=\"confirm-button\"\n type=\"button\"\n onClick={onConfirm}\n variant=\"primary\"\n isDisabled={isConfirming}\n >\n {confirmText ?? t(I18nKey.BUTTON$CONFIRM)}\n </BrandButton>\n </div>\n </div>\n </ModalBackdrop>\n );\n}\n"],"mappings":";;;;;;AAkBA,SAAgB,EAAkB,EAChC,SACA,cACA,aACA,gBACA,kBAAe,MACU;CACzB,IAAM,EAAE,SAAM,EAAe,WAAW;CAKxC,OACE,kBAAC,GAAD;EACE,SAAS,IAAe,KAAA,IAAY;EACpC,eAAe,CAAC;YAEhB,kBAAC,OAAD;GACE,eAAY;GACZ,WAAU;aAFZ,CAIE,kBAAC,KAAD,EAAA,UAAI,EAAQ,CAAA,GACZ,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,QAAO;KACP,MAAK;KACL,SAAS;KACT,SAAQ;KACR,YAAY;eAEX,EAAE,EAAQ,aAAa;IACb,CAAA,GACb,kBAAC,GAAD;KACE,QAAO;KACP,MAAK;KACL,SAAS;KACT,SAAQ;KACR,YAAY;eAEX,KAAe,EAAE,EAAQ,cAAc;IAC7B,CAAA,CACV;KACF;;CACQ,CAAA;AAEnB"}

package/dist/components/shared/modals/settings/model-selector.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../node_modules/lucide-react/dist/esm/icons/info.cjs"),i=require("../../../../utils/constants.cjs"),a=require("../../../../utils/utils.cjs"),o=require("../../../../utils/form-control-classes.cjs"),s=require("../../../../utils/format-model-name.cjs"),c=require("../../../../node_modules/@heroui/listbox/dist/chunk-BJFJ4DRR.cjs"),l=require("../../../../node_modules/@heroui/listbox/dist/chunk-ANTZPR32.cjs"),u=require("../../../../node_modules/@heroui/autocomplete/dist/chunk-3QKDXXDY.cjs"),d=require("../../../../ui/combobox-caret.cjs"),f=require("../../../../utils/map-provider.cjs"),p=require("../../../../utils/extract-model-and-provider.cjs"),m=require("../../../../ui/help-link.cjs"),h=require("../../../../hooks/query/use-search-providers.cjs"),g=require("../../../../hooks/query/use-provider-models.cjs");let _=require("react");_=e.__toESM(_,1);let v=require("react/jsx-runtime");var y=`shrink-0 rounded-full border border-warning/40 bg-warning/10 px-1.5 py-0.5 text-[10px] leading-none text-warning`;function b(){return(0,v.jsxs)(`p`,{"data-testid":`openhands-free-models-note`,className:`flex items-start gap-2 text-xs text-warning`,children:[(0,v.jsx)(r.Info,{className:`mt-0.5 size-4 shrink-0 text-warning`,"aria-hidden":!0}),(0,v.jsx)(`span`,{children:s.FREE_OPENHANDS_MODEL_NOTE})]})}function x({isDisabled:e,currentModel:r,onChange:x,onDefaultValuesChanged:S,wrapperClassName:C,labelClassName:w}){let[,T]=_.default.useState(null),[E,D]=_.default.useState(null),[O,k]=_.default.useState(null),{data:A=[]}=h.useSearchProviders(),{data:j=[],isLoading:M,error:N}=g.useProviderModels(E),P=_.default.useMemo(()=>A.filter(e=>e.verified),[A]),F=_.default.useMemo(()=>A.filter(e=>!e.verified),[A]),I=_.default.useMemo(()=>j.filter(e=>e.verified),[j]),L=_.default.useMemo(()=>j.filter(e=>!e.verified),[j]);_.default.useEffect(()=>{if(r){let{provider:e,model:t}=p.extractModelAndProvider(r);T(r),D(e||null),k(t),S?.(e||null,t)}},[r]);let R=e=>{D(e),k(null),T(`${e}/`),x?.(e,null)},z=e=>{let t=`${E}/${e}`;E===`openai`&&(t=e),T(t),k(e),x?.(E,e)},B=()=>{D(null),T(null)},V=s.isFreeOpenHandsModel(E&&O?`${E}/${O}`:null),H=_.default.useRef(null),[U,W]=_.default.useState(0);_.default.useLayoutEffect(()=>{if(!V||!H.current){W(0);return}let e=()=>{W(Math.ceil(H.current?.getBoundingClientRect().width??0))};if(e(),typeof ResizeObserver>`u`)return;let t=new ResizeObserver(e);return t.observe(H.current),()=>t.disconnect()},[V,O]);let{t:G}=t.useTranslation(`openhands`);return(0,v.jsxs)(`div`,{className:a.cn(`flex flex-col md:flex-row w-full min-w-0 justify-between gap-4 md:gap-[46px]`,C),children:[(0,v.jsxs)(`fieldset`,{className:`flex flex-col gap-2.5 w-full`,children:[(0,v.jsx)(`label`,{className:a.cn(`text-sm`,w),children:G(n.I18nKey.LLM$PROVIDER)}),(0,v.jsxs)(u.autocomplete_default,{"data-testid":`llm-provider-input`,isRequired:!0,isVirtualized:!1,name:`llm-provider-input`,isDisabled:e,"aria-label":G(n.I18nKey.LLM$PROVIDER),isClearable:!1,onSelectionChange:e=>{e?.toString()&&R(e.toString())},onInputChange:e=>!e&&B(),defaultSelectedKey:E??void 0,selectedKey:E,classNames:{popoverContent:`bg-content1 rounded-xl border border-[var(--oh-border)]`,selectorButton:d.heroUiAutocompleteSelectorButtonClassName},selectorButtonProps:{disableRipple:!0},inputProps:{classNames:{inputWrapper:o.formControlSettingsFieldClassName}},children:[(0,v.jsx)(l.listbox_section_base_default,{title:G(n.I18nKey.MODEL_SELECTOR$VERIFIED),classNames:{heading:`text-[var(--oh-muted)]`},children:P.map(e=>(0,v.jsx)(c.listbox_item_base_default,{"data-testid":`provider-item-${e.name}`,children:f.mapProvider(e.name)},e.name))}),F.length>0?(0,v.jsx)(l.listbox_section_base_default,{title:G(n.I18nKey.MODEL_SELECTOR$OTHERS),classNames:{heading:`text-[var(--oh-muted)]`},children:F.map(e=>(0,v.jsx)(c.listbox_item_base_default,{children:f.mapProvider(e.name)},e.name))}):null]})]}),E===`openhands`&&(0,v.jsx)(`div`,{className:`flex flex-col gap-2`,children:(0,v.jsx)(m.HelpLink,{testId:`openhands-account-help`,text:G(n.I18nKey.SETTINGS$NEED_OPENHANDS_ACCOUNT),linkText:G(n.I18nKey.SETTINGS$CLICK_HERE),href:i.PRODUCT_URL.PRODUCTION,size:`settings`,linkColor:`white`})}),(0,v.jsxs)(`fieldset`,{className:`flex flex-col gap-2.5 w-full`,children:[(0,v.jsx)(`label`,{className:a.cn(`text-sm`,w),children:G(n.I18nKey.LLM$MODEL)}),(0,v.jsxs)(`div`,{className:`relative`,children:[(0,v.jsxs)(u.autocomplete_default,{"data-testid":`llm-model-input`,isRequired:!0,isVirtualized:!1,isLoading:M,name:`llm-model-input`,"aria-label":G(n.I18nKey.LLM$MODEL),isClearable:!1,onSelectionChange:e=>{e?.toString()&&z(e.toString())},isDisabled:e||!E,selectedKey:O,defaultSelectedKey:O??void 0,classNames:{popoverContent:`bg-content1 rounded-xl border border-[var(--oh-border)]`,selectorButton:d.heroUiAutocompleteSelectorButtonClassName},selectorButtonProps:{disableRipple:!0},inputProps:{classNames:{inputWrapper:o.formControlSettingsFieldClassName}},children:[(0,v.jsx)(l.listbox_section_base_default,{title:G(n.I18nKey.MODEL_SELECTOR$VERIFIED),classNames:{heading:`text-[var(--oh-muted)]`},children:I.map(e=>(0,v.jsx)(c.listbox_item_base_default,{textValue:e.name,children:(0,v.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2`,children:[(0,v.jsx)(`span`,{className:`truncate`,children:e.name}),s.isFreeOpenHandsModel(`${E}/${e.name}`)?(0,v.jsx)(`span`,{className:y,children:s.FREE_MODEL_BADGE_LABEL}):null]})},e.name))}),L.length>0?(0,v.jsx)(l.listbox_section_base_default,{title:G(n.I18nKey.MODEL_SELECTOR$OTHERS),classNames:{heading:`text-[var(--oh-muted)]`},children:L.map(e=>(0,v.jsx)(c.listbox_item_base_default,{"data-testid":`model-item-${e.name}`,textValue:e.name,children:e.name},e.name))}):null]}),V&&O?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(`span`,{ref:H,className:`pointer-events-none absolute left-3 top-1/2 whitespace-pre text-sm opacity-0`,"aria-hidden":!0,children:O}),(0,v.jsx)(`span`,{"data-testid":`selected-free-model-badge`,className:a.cn(y,`pointer-events-none absolute top-1/2 z-10 -translate-y-1/2`),style:{left:`calc(0.75rem + ${U}px + 0.5rem)`},children:s.FREE_MODEL_BADGE_LABEL})]}):null]}),N&&(0,v.jsx)(`p`,{"data-testid":`models-error`,className:`text-danger text-xs`,children:G(n.I18nKey.CONFIGURATION$ERROR_FETCH_MODELS)}),E===`openhands`?(0,v.jsx)(b,{}):null]})]})}exports.ModelSelector=x;
+const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../node_modules/lucide-react/dist/esm/icons/info.cjs"),i=require("../../../../utils/constants.cjs"),a=require("../../../../utils/utils.cjs"),o=require("../../../../node_modules/@heroui/listbox/dist/chunk-BJFJ4DRR.cjs"),s=require("../../../../node_modules/@heroui/listbox/dist/chunk-ANTZPR32.cjs"),c=require("../../../../node_modules/@heroui/autocomplete/dist/chunk-3QKDXXDY.cjs"),l=require("../../../../utils/form-control-classes.cjs"),u=require("../../../../utils/format-model-name.cjs"),d=require("../../../../ui/combobox-caret.cjs"),f=require("../../../../utils/map-provider.cjs"),p=require("../../../../utils/extract-model-and-provider.cjs"),m=require("../../../../ui/help-link.cjs"),h=require("../../../../hooks/query/use-search-providers.cjs"),g=require("../../../../hooks/query/use-provider-models.cjs");let _=require("react");_=e.__toESM(_,1);let v=require("react/jsx-runtime");var y=`shrink-0 rounded-full border border-warning/40 bg-warning/10 px-1.5 py-0.5 text-[10px] leading-none text-warning`;function b(){return(0,v.jsxs)(`p`,{"data-testid":`openhands-free-models-note`,className:`flex items-start gap-2 text-xs text-warning`,children:[(0,v.jsx)(r.Info,{className:`mt-0.5 size-4 shrink-0 text-warning`,"aria-hidden":!0}),(0,v.jsx)(`span`,{children:u.FREE_OPENHANDS_MODEL_NOTE})]})}function x({isDisabled:e,currentModel:r,onChange:x,onDefaultValuesChanged:S,wrapperClassName:C,labelClassName:w}){let[,T]=_.default.useState(null),[E,D]=_.default.useState(null),[O,k]=_.default.useState(null),{data:A=[]}=h.useSearchProviders(),{data:j=[],isLoading:M,error:N}=g.useProviderModels(E),P=_.default.useMemo(()=>A.filter(e=>e.verified),[A]),F=_.default.useMemo(()=>A.filter(e=>!e.verified),[A]),I=_.default.useMemo(()=>j.filter(e=>e.verified),[j]),L=_.default.useMemo(()=>j.filter(e=>!e.verified),[j]);_.default.useEffect(()=>{if(r){let{provider:e,model:t}=p.extractModelAndProvider(r);T(r),D(e||null),k(t),S?.(e||null,t)}},[r]);let R=e=>{D(e),k(null),T(`${e}/`),x?.(e,null)},z=e=>{let t=`${E}/${e}`;E===`openai`&&(t=e),T(t),k(e),x?.(E,e)},B=()=>{D(null),T(null)},V=u.isFreeOpenHandsModel(E&&O?`${E}/${O}`:null),H=_.default.useRef(null),[U,W]=_.default.useState(0);_.default.useLayoutEffect(()=>{if(!V||!H.current){W(0);return}let e=()=>{W(Math.ceil(H.current?.getBoundingClientRect().width??0))};if(e(),typeof ResizeObserver>`u`)return;let t=new ResizeObserver(e);return t.observe(H.current),()=>t.disconnect()},[V,O]);let{t:G}=t.useTranslation(`openhands`);return(0,v.jsxs)(`div`,{className:a.cn(`flex flex-col md:flex-row w-full min-w-0 justify-between gap-4 md:gap-[46px]`,C),children:[(0,v.jsxs)(`fieldset`,{className:`flex flex-col gap-2.5 w-full`,children:[(0,v.jsx)(`label`,{className:a.cn(`text-sm`,w),children:G(n.I18nKey.LLM$PROVIDER)}),(0,v.jsxs)(c.autocomplete_default,{"data-testid":`llm-provider-input`,isRequired:!0,isVirtualized:!1,name:`llm-provider-input`,isDisabled:e,"aria-label":G(n.I18nKey.LLM$PROVIDER),isClearable:!1,onSelectionChange:e=>{e?.toString()&&R(e.toString())},onInputChange:e=>!e&&B(),defaultSelectedKey:E??void 0,selectedKey:E,classNames:{popoverContent:`bg-content1 rounded-xl border border-[var(--oh-border)]`,selectorButton:d.heroUiAutocompleteSelectorButtonClassName},selectorButtonProps:{disableRipple:!0},inputProps:{classNames:{inputWrapper:l.formControlSettingsFieldClassName}},children:[(0,v.jsx)(s.listbox_section_base_default,{title:G(n.I18nKey.MODEL_SELECTOR$VERIFIED),classNames:{heading:`text-[var(--oh-muted)]`},children:P.map(e=>(0,v.jsx)(o.listbox_item_base_default,{"data-testid":`provider-item-${e.name}`,children:f.mapProvider(e.name)},e.name))}),F.length>0?(0,v.jsx)(s.listbox_section_base_default,{title:G(n.I18nKey.MODEL_SELECTOR$OTHERS),classNames:{heading:`text-[var(--oh-muted)]`},children:F.map(e=>(0,v.jsx)(o.listbox_item_base_default,{children:f.mapProvider(e.name)},e.name))}):null]})]}),E===`openhands`&&(0,v.jsx)(`div`,{className:`flex flex-col gap-2`,children:(0,v.jsx)(m.HelpLink,{testId:`openhands-account-help`,text:G(n.I18nKey.SETTINGS$NEED_OPENHANDS_ACCOUNT),linkText:G(n.I18nKey.SETTINGS$CLICK_HERE),href:i.PRODUCT_URL.PRODUCTION,size:`settings`,linkColor:`white`})}),(0,v.jsxs)(`fieldset`,{className:`flex flex-col gap-2.5 w-full`,children:[(0,v.jsx)(`label`,{className:a.cn(`text-sm`,w),children:G(n.I18nKey.LLM$MODEL)}),(0,v.jsxs)(`div`,{className:`relative`,children:[(0,v.jsxs)(c.autocomplete_default,{"data-testid":`llm-model-input`,isRequired:!0,isVirtualized:!1,isLoading:M,name:`llm-model-input`,"aria-label":G(n.I18nKey.LLM$MODEL),isClearable:!1,onSelectionChange:e=>{e?.toString()&&z(e.toString())},isDisabled:e||!E,selectedKey:O,defaultSelectedKey:O??void 0,classNames:{popoverContent:`bg-content1 rounded-xl border border-[var(--oh-border)]`,selectorButton:d.heroUiAutocompleteSelectorButtonClassName},selectorButtonProps:{disableRipple:!0},inputProps:{classNames:{inputWrapper:l.formControlSettingsFieldClassName}},children:[(0,v.jsx)(s.listbox_section_base_default,{title:G(n.I18nKey.MODEL_SELECTOR$VERIFIED),classNames:{heading:`text-[var(--oh-muted)]`},children:I.map(e=>(0,v.jsx)(o.listbox_item_base_default,{textValue:e.name,children:(0,v.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2`,children:[(0,v.jsx)(`span`,{className:`truncate`,children:e.name}),u.isFreeOpenHandsModel(`${E}/${e.name}`)?(0,v.jsx)(`span`,{className:y,children:u.FREE_MODEL_BADGE_LABEL}):null]})},e.name))}),L.length>0?(0,v.jsx)(s.listbox_section_base_default,{title:G(n.I18nKey.MODEL_SELECTOR$OTHERS),classNames:{heading:`text-[var(--oh-muted)]`},children:L.map(e=>(0,v.jsx)(o.listbox_item_base_default,{"data-testid":`model-item-${e.name}`,textValue:e.name,children:e.name},e.name))}):null]}),V&&O?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(`span`,{ref:H,className:`pointer-events-none absolute left-3 top-1/2 whitespace-pre text-sm opacity-0`,"aria-hidden":!0,children:O}),(0,v.jsx)(`span`,{"data-testid":`selected-free-model-badge`,className:a.cn(y,`pointer-events-none absolute top-1/2 z-10 -translate-y-1/2`),style:{left:`calc(0.75rem + ${U}px + 0.5rem)`},children:u.FREE_MODEL_BADGE_LABEL})]}):null]}),N&&(0,v.jsx)(`p`,{"data-testid":`models-error`,className:`text-danger text-xs`,children:G(n.I18nKey.CONFIGURATION$ERROR_FETCH_MODELS)}),E===`openhands`?(0,v.jsx)(b,{}):null]})]})}exports.ModelSelector=x;
 //# sourceMappingURL=model-selector.cjs.map

package/dist/components/shared/modals/settings/model-selector.js CHANGED Viewed

@@ -3,11 +3,11 @@ import { I18nKey as t } from "../../../../i18n/declaration.js";
 import { Info as n } from "../../../../node_modules/lucide-react/dist/esm/icons/info.js";
 import { PRODUCT_URL as r } from "../../../../utils/constants.js";
 import { cn as i } from "../../../../utils/utils.js";
-import { formControlSettingsFieldClassName as a } from "../../../../utils/form-control-classes.js";
-import { FREE_MODEL_BADGE_LABEL as o, FREE_OPENHANDS_MODEL_NOTE as s, isFreeOpenHandsModel as c } from "../../../../utils/format-model-name.js";
-import { listbox_item_base_default as l } from "../../../../node_modules/@heroui/listbox/dist/chunk-BJFJ4DRR.js";
-import { listbox_section_base_default as u } from "../../../../node_modules/@heroui/listbox/dist/chunk-ANTZPR32.js";
-import { autocomplete_default as d } from "../../../../node_modules/@heroui/autocomplete/dist/chunk-3QKDXXDY.js";
+import { listbox_item_base_default as a } from "../../../../node_modules/@heroui/listbox/dist/chunk-BJFJ4DRR.js";
+import { listbox_section_base_default as o } from "../../../../node_modules/@heroui/listbox/dist/chunk-ANTZPR32.js";
+import { autocomplete_default as s } from "../../../../node_modules/@heroui/autocomplete/dist/chunk-3QKDXXDY.js";
+import { formControlSettingsFieldClassName as c } from "../../../../utils/form-control-classes.js";
+import { FREE_MODEL_BADGE_LABEL as l, FREE_OPENHANDS_MODEL_NOTE as u, isFreeOpenHandsModel as d } from "../../../../utils/format-model-name.js";
 import { heroUiAutocompleteSelectorButtonClassName as f } from "../../../../ui/combobox-caret.js";
 import { mapProvider as p } from "../../../../utils/map-provider.js";
 import { extractModelAndProvider as m } from "../../../../utils/extract-model-and-provider.js";
@@ -25,17 +25,17 @@ function C() {
 		children: [/* @__PURE__ */ b(n, {
 			className: "mt-0.5 size-4 shrink-0 text-warning",
 			"aria-hidden": !0
-		}), /* @__PURE__ */ b("span", { children: s })]
+		}), /* @__PURE__ */ b("span", { children: u })]
 	});
 }
-function w({ isDisabled: n, currentModel: s, onChange: w, onDefaultValuesChanged: T, wrapperClassName: E, labelClassName: D }) {
+function w({ isDisabled: n, currentModel: u, onChange: w, onDefaultValuesChanged: T, wrapperClassName: E, labelClassName: D }) {
 	let [, O] = v.useState(null), [k, A] = v.useState(null), [j, M] = v.useState(null), { data: N = [] } = g(), { data: P = [], isLoading: F, error: I } = _(k), L = v.useMemo(() => N.filter((e) => e.verified), [N]), R = v.useMemo(() => N.filter((e) => !e.verified), [N]), z = v.useMemo(() => P.filter((e) => e.verified), [P]), B = v.useMemo(() => P.filter((e) => !e.verified), [P]);
 	v.useEffect(() => {
-		if (s) {
-			let { provider: e, model: t } = m(s);
-			O(s), A(e || null), M(t), T?.(e || null, t);
+		if (u) {
+			let { provider: e, model: t } = m(u);
+			O(u), A(e || null), M(t), T?.(e || null, t);
 		}
-	}, [s]);
+	}, [u]);
 	let V = (e) => {
 		A(e), M(null), O(`${e}/`), w?.(e, null);
 	}, H = (e) => {
@@ -43,7 +43,7 @@ function w({ isDisabled: n, currentModel: s, onChange: w, onDefaultValuesChanged
 		k === "openai" && (t = e), O(t), M(e), w?.(k, e);
 	}, U = () => {
 		A(null), O(null);
-	}, W = c(k && j ? `${k}/${j}` : null), G = v.useRef(null), [K, q] = v.useState(0);
+	}, W = d(k && j ? `${k}/${j}` : null), G = v.useRef(null), [K, q] = v.useState(0);
 	v.useLayoutEffect(() => {
 		if (!W || !G.current) {
 			q(0);
@@ -65,7 +65,7 @@ function w({ isDisabled: n, currentModel: s, onChange: w, onDefaultValuesChanged
 				children: [/* @__PURE__ */ b("label", {
 					className: i("text-sm", D),
 					children: J(t.LLM$PROVIDER)
-				}), /* @__PURE__ */ x(d, {
+				}), /* @__PURE__ */ x(s, {
 					"data-testid": "llm-provider-input",
 					isRequired: !0,
 					isVirtualized: !1,
@@ -84,18 +84,18 @@ function w({ isDisabled: n, currentModel: s, onChange: w, onDefaultValuesChanged
 						selectorButton: f
 					},
 					selectorButtonProps: { disableRipple: !0 },
-					inputProps: { classNames: { inputWrapper: a } },
-					children: [/* @__PURE__ */ b(u, {
+					inputProps: { classNames: { inputWrapper: c } },
+					children: [/* @__PURE__ */ b(o, {
 						title: J(t.MODEL_SELECTOR$VERIFIED),
 						classNames: { heading: "text-[var(--oh-muted)]" },
-						children: L.map((e) => /* @__PURE__ */ b(l, {
+						children: L.map((e) => /* @__PURE__ */ b(a, {
 							"data-testid": `provider-item-${e.name}`,
 							children: p(e.name)
 						}, e.name))
-					}), R.length > 0 ? /* @__PURE__ */ b(u, {
+					}), R.length > 0 ? /* @__PURE__ */ b(o, {
 						title: J(t.MODEL_SELECTOR$OTHERS),
 						classNames: { heading: "text-[var(--oh-muted)]" },
-						children: R.map((e) => /* @__PURE__ */ b(l, { children: p(e.name) }, e.name))
+						children: R.map((e) => /* @__PURE__ */ b(a, { children: p(e.name) }, e.name))
 					}) : null]
 				})]
 			}),
@@ -119,7 +119,7 @@ function w({ isDisabled: n, currentModel: s, onChange: w, onDefaultValuesChanged
 					}),
 					/* @__PURE__ */ x("div", {
 						className: "relative",
-						children: [/* @__PURE__ */ x(d, {
+						children: [/* @__PURE__ */ x(s, {
 							"data-testid": "llm-model-input",
 							isRequired: !0,
 							isVirtualized: !1,
@@ -138,27 +138,27 @@ function w({ isDisabled: n, currentModel: s, onChange: w, onDefaultValuesChanged
 								selectorButton: f
 							},
 							selectorButtonProps: { disableRipple: !0 },
-							inputProps: { classNames: { inputWrapper: a } },
-							children: [/* @__PURE__ */ b(u, {
+							inputProps: { classNames: { inputWrapper: c } },
+							children: [/* @__PURE__ */ b(o, {
 								title: J(t.MODEL_SELECTOR$VERIFIED),
 								classNames: { heading: "text-[var(--oh-muted)]" },
-								children: z.map((e) => /* @__PURE__ */ b(l, {
+								children: z.map((e) => /* @__PURE__ */ b(a, {
 									textValue: e.name,
 									children: /* @__PURE__ */ x("span", {
 										className: "flex min-w-0 items-center gap-2",
 										children: [/* @__PURE__ */ b("span", {
 											className: "truncate",
 											children: e.name
-										}), c(`${k}/${e.name}`) ? /* @__PURE__ */ b("span", {
+										}), d(`${k}/${e.name}`) ? /* @__PURE__ */ b("span", {
 											className: S,
-											children: o
+											children: l
 										}) : null]
 									})
 								}, e.name))
-							}), B.length > 0 ? /* @__PURE__ */ b(u, {
+							}), B.length > 0 ? /* @__PURE__ */ b(o, {
 								title: J(t.MODEL_SELECTOR$OTHERS),
 								classNames: { heading: "text-[var(--oh-muted)]" },
-								children: B.map((e) => /* @__PURE__ */ b(l, {
+								children: B.map((e) => /* @__PURE__ */ b(a, {
 									"data-testid": `model-item-${e.name}`,
 									textValue: e.name,
 									children: e.name
@@ -173,7 +173,7 @@ function w({ isDisabled: n, currentModel: s, onChange: w, onDefaultValuesChanged
 							"data-testid": "selected-free-model-badge",
 							className: i(S, "pointer-events-none absolute top-1/2 z-10 -translate-y-1/2"),
 							style: { left: `calc(0.75rem + ${K}px + 0.5rem)` },
-							children: o
+							children: l
 						})] }) : null]
 					}),
 					I && /* @__PURE__ */ b("p", {

package/dist/config/defaults.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require("../_virtual/_rolldown/runtime.cjs");var e={_comment:`Single source of truth for version pins, ports, paths, and defaults shared across the npm and Docker install paths. Read by scripts/dev-safe.mjs, scripts/dev-with-automation.mjs, docker/entrypoint.sh (via generated defaults.env), and .github/workflows/docker.yml.`,versions:{agentServer:`1.44.0`,agentCanvas:`1.16.0`,automation:`1.9.0`},compatibility:{minimumAgentServer:`1.28.0`},constraints:{_comment:`Temporary upper bound on the agent-client-protocol (acp) transitive dependency. openhands-sdk 1.35.0 requires agent-client-protocol>=0.10.1 with no upper bound, but acp 0.11.0 reordered the ACP prompt() arguments and breaks the SDK's ACP client (a PromptRequest validation error surfaces as 'ACP error: 2 validation errors for PromptRequest'). Pin acp <0.11 until a fixed openhands-sdk ships. Consumed by scripts/dev-safe.mjs (agent-server uvx install) and .github/workflows/mock-llm-e2e.yml (mock ACP server venv).`,agentClientProtocol:`agent-client-protocol<0.11`},images:{agentServer:`ghcr.io/openhands/agent-server`,agentCanvas:`ghcr.io/openhands/agent-canvas`},ports:{agentServer:18e3,automation:18001,proxy:8e3,_vscodeComment:`Port the bundled editor binds to inside the container; agent-server's own default. Only the Docker entrypoint reads this — the npm launchers derive the editor port from the agent-server port so several stacks can run side by side. It is never published: the editor is reached through paths.vscodeBasePath on the proxy port.`,vscode:8001},paths:{stateSubdir:`agent-canvas`,conversations:`agent-canvas/conversations`,bashEvents:`agent-canvas/bash_events`,automationDb:`automation/automations.db`,canvasBasePath:`/canvas`,_vscodeBasePathComment:`Path prefix the bundled editor is served under, on the same origin as the canvas. Passed to agent-server as OH_VSCODE_BASE_PATH (it launches openvscode-server with --server-base-path and advertises the prefix in /api/vscode/url), and registered as an ingress route to the VSCode port. Keeping one value on both sides is what lets a single-origin deployment reach the editor without publishing a second port. Tradeoff: a path prefix routes but does not isolate, so the editor shares the canvas's browser origin and therefore its localStorage — see docs/SELF_HOSTING.md and OpenHands/OpenHands#16492.`,vscodeBasePath:`/vscode`},packages:{agentServer:`openhands-agent-server`,automation:`openhands-automation`,tools:`openhands-tools`,workspace:`openhands-workspace`},telemetry:{posthogApiKey:`phc_kBtz5nKmxVRRQ7HtPwr2QX9eMC5j65zE86QKocVNwb4U`,posthogHost:`https://us.i.posthog.com`}};exports.default=e;
+require("../_virtual/_rolldown/runtime.cjs");var e={_comment:`Single source of truth for version pins, ports, paths, and defaults shared across the npm and Docker install paths. Read by scripts/dev-safe.mjs, scripts/dev-with-automation.mjs, docker/entrypoint.sh (via generated defaults.env), and .github/workflows/docker.yml.`,versions:{agentServer:`1.46.0`,agentCanvas:`1.17.0`,automation:`1.11.1`},compatibility:{minimumAgentServer:`1.28.0`},constraints:{_comment:`Temporary upper bound on the agent-client-protocol (acp) transitive dependency. openhands-sdk 1.35.0 requires agent-client-protocol>=0.10.1 with no upper bound, but acp 0.11.0 reordered the ACP prompt() arguments and breaks the SDK's ACP client (a PromptRequest validation error surfaces as 'ACP error: 2 validation errors for PromptRequest'). Pin acp <0.11 until a fixed openhands-sdk ships. Consumed by scripts/dev-safe.mjs (agent-server uvx install) and .github/workflows/mock-llm-e2e.yml (mock ACP server venv).`,agentClientProtocol:`agent-client-protocol<0.11`},images:{agentServer:`ghcr.io/openhands/agent-server`,agentCanvas:`ghcr.io/openhands/agent-canvas`},ports:{agentServer:18e3,automation:18001,proxy:8e3,_vscodeComment:`Port the bundled editor binds to inside the container; agent-server's own default. Only the Docker entrypoint reads this — the npm launchers derive the editor port from the agent-server port so several stacks can run side by side. It is never published: the editor is reached through paths.vscodeBasePath on the proxy port.`,vscode:8001},paths:{stateSubdir:`agent-canvas`,conversations:`agent-canvas/conversations`,bashEvents:`agent-canvas/bash_events`,automationDb:`automation/automations.db`,canvasBasePath:`/canvas`,_vscodeBasePathComment:`Path prefix the bundled editor is served under, on the same origin as the canvas. Passed to agent-server as OH_VSCODE_BASE_PATH (it launches openvscode-server with --server-base-path and advertises the prefix in /api/vscode/url), and registered as an ingress route to the VSCode port. Keeping one value on both sides is what lets a single-origin deployment reach the editor without publishing a second port. Tradeoff: a path prefix routes but does not isolate, so the editor shares the canvas's browser origin and therefore its localStorage — see docs/SELF_HOSTING.md and OpenHands/OpenHands#16492.`,vscodeBasePath:`/vscode`},packages:{agentServer:`openhands-agent-server`,automation:`openhands-automation`,tools:`openhands-tools`,workspace:`openhands-workspace`},telemetry:{posthogApiKey:`phc_kBtz5nKmxVRRQ7HtPwr2QX9eMC5j65zE86QKocVNwb4U`,posthogHost:`https://us.i.posthog.com`}};exports.default=e;
 //# sourceMappingURL=defaults.cjs.map

package/dist/config/defaults.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"defaults.cjs","names":[],"sources":["../../config/defaults.json"],"sourcesContent":["{\n \"_comment\": \"Single source of truth for version pins, ports, paths, and defaults shared across the npm and Docker install paths. Read by scripts/dev-safe.mjs, scripts/dev-with-automation.mjs, docker/entrypoint.sh (via generated defaults.env), and .github/workflows/docker.yml.\",\n \"versions\": {\n \"agentServer\": \"1.44.0\",\n \"agentCanvas\": \"1.16.0\",\n \"automation\": \"1.9.0\"\n },\n \"compatibility\": {\n \"minimumAgentServer\": \"1.28.0\"\n },\n \"constraints\": {\n \"_comment\": \"Temporary upper bound on the agent-client-protocol (acp) transitive dependency. openhands-sdk 1.35.0 requires agent-client-protocol>=0.10.1 with no upper bound, but acp 0.11.0 reordered the ACP prompt() arguments and breaks the SDK's ACP client (a PromptRequest validation error surfaces as 'ACP error: 2 validation errors for PromptRequest'). Pin acp <0.11 until a fixed openhands-sdk ships. Consumed by scripts/dev-safe.mjs (agent-server uvx install) and .github/workflows/mock-llm-e2e.yml (mock ACP server venv).\",\n \"agentClientProtocol\": \"agent-client-protocol<0.11\"\n },\n \"images\": {\n \"agentServer\": \"ghcr.io/openhands/agent-server\",\n \"agentCanvas\": \"ghcr.io/openhands/agent-canvas\"\n },\n \"ports\": {\n \"agentServer\": 18000,\n \"automation\": 18001,\n \"proxy\": 8000,\n \"_vscodeComment\": \"Port the bundled editor binds to inside the container; agent-server's own default. Only the Docker entrypoint reads this — the npm launchers derive the editor port from the agent-server port so several stacks can run side by side. It is never published: the editor is reached through paths.vscodeBasePath on the proxy port.\",\n \"vscode\": 8001\n },\n \"paths\": {\n \"stateSubdir\": \"agent-canvas\",\n \"conversations\": \"agent-canvas/conversations\",\n \"bashEvents\": \"agent-canvas/bash_events\",\n \"automationDb\": \"automation/automations.db\",\n \"canvasBasePath\": \"/canvas\",\n \"_vscodeBasePathComment\": \"Path prefix the bundled editor is served under, on the same origin as the canvas. Passed to agent-server as OH_VSCODE_BASE_PATH (it launches openvscode-server with --server-base-path and advertises the prefix in /api/vscode/url), and registered as an ingress route to the VSCode port. Keeping one value on both sides is what lets a single-origin deployment reach the editor without publishing a second port. Tradeoff: a path prefix routes but does not isolate, so the editor shares the canvas's browser origin and therefore its localStorage — see docs/SELF_HOSTING.md and OpenHands/OpenHands#16492.\",\n \"vscodeBasePath\": \"/vscode\"\n },\n \"packages\": {\n \"agentServer\": \"openhands-agent-server\",\n \"automation\": \"openhands-automation\",\n \"tools\": \"openhands-tools\",\n \"workspace\": \"openhands-workspace\"\n },\n \"telemetry\": {\n \"posthogApiKey\": \"phc_kBtz5nKmxVRRQ7HtPwr2QX9eMC5j65zE86QKocVNwb4U\",\n \"posthogHost\": \"https://us.i.posthog.com\"\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"defaults.cjs","names":[],"sources":["../../config/defaults.json"],"sourcesContent":["{\n \"_comment\": \"Single source of truth for version pins, ports, paths, and defaults shared across the npm and Docker install paths. Read by scripts/dev-safe.mjs, scripts/dev-with-automation.mjs, docker/entrypoint.sh (via generated defaults.env), and .github/workflows/docker.yml.\",\n \"versions\": {\n \"agentServer\": \"1.46.0\",\n \"agentCanvas\": \"1.17.0\",\n \"automation\": \"1.11.1\"\n },\n \"compatibility\": {\n \"minimumAgentServer\": \"1.28.0\"\n },\n \"constraints\": {\n \"_comment\": \"Temporary upper bound on the agent-client-protocol (acp) transitive dependency. openhands-sdk 1.35.0 requires agent-client-protocol>=0.10.1 with no upper bound, but acp 0.11.0 reordered the ACP prompt() arguments and breaks the SDK's ACP client (a PromptRequest validation error surfaces as 'ACP error: 2 validation errors for PromptRequest'). Pin acp <0.11 until a fixed openhands-sdk ships. Consumed by scripts/dev-safe.mjs (agent-server uvx install) and .github/workflows/mock-llm-e2e.yml (mock ACP server venv).\",\n \"agentClientProtocol\": \"agent-client-protocol<0.11\"\n },\n \"images\": {\n \"agentServer\": \"ghcr.io/openhands/agent-server\",\n \"agentCanvas\": \"ghcr.io/openhands/agent-canvas\"\n },\n \"ports\": {\n \"agentServer\": 18000,\n \"automation\": 18001,\n \"proxy\": 8000,\n \"_vscodeComment\": \"Port the bundled editor binds to inside the container; agent-server's own default. Only the Docker entrypoint reads this — the npm launchers derive the editor port from the agent-server port so several stacks can run side by side. It is never published: the editor is reached through paths.vscodeBasePath on the proxy port.\",\n \"vscode\": 8001\n },\n \"paths\": {\n \"stateSubdir\": \"agent-canvas\",\n \"conversations\": \"agent-canvas/conversations\",\n \"bashEvents\": \"agent-canvas/bash_events\",\n \"automationDb\": \"automation/automations.db\",\n \"canvasBasePath\": \"/canvas\",\n \"_vscodeBasePathComment\": \"Path prefix the bundled editor is served under, on the same origin as the canvas. Passed to agent-server as OH_VSCODE_BASE_PATH (it launches openvscode-server with --server-base-path and advertises the prefix in /api/vscode/url), and registered as an ingress route to the VSCode port. Keeping one value on both sides is what lets a single-origin deployment reach the editor without publishing a second port. Tradeoff: a path prefix routes but does not isolate, so the editor shares the canvas's browser origin and therefore its localStorage — see docs/SELF_HOSTING.md and OpenHands/OpenHands#16492.\",\n \"vscodeBasePath\": \"/vscode\"\n },\n \"packages\": {\n \"agentServer\": \"openhands-agent-server\",\n \"automation\": \"openhands-automation\",\n \"tools\": \"openhands-tools\",\n \"workspace\": \"openhands-workspace\"\n },\n \"telemetry\": {\n \"posthogApiKey\": \"phc_kBtz5nKmxVRRQ7HtPwr2QX9eMC5j65zE86QKocVNwb4U\",\n \"posthogHost\": \"https://us.i.posthog.com\"\n }\n}\n"],"mappings":""}

package/dist/config/defaults.js CHANGED Viewed

@@ -1,9 +1,9 @@
 var e = {
 	_comment: "Single source of truth for version pins, ports, paths, and defaults shared across the npm and Docker install paths. Read by scripts/dev-safe.mjs, scripts/dev-with-automation.mjs, docker/entrypoint.sh (via generated defaults.env), and .github/workflows/docker.yml.",
 	versions: {
-		agentServer: "1.44.0",
-		agentCanvas: "1.16.0",
-		automation: "1.9.0"
+		agentServer: "1.46.0",
+		agentCanvas: "1.17.0",
+		automation: "1.11.1"
 	},
 	compatibility: { minimumAgentServer: "1.28.0" },
 	constraints: {

package/dist/config/defaults.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"defaults.js","names":[],"sources":["../../config/defaults.json"],"sourcesContent":["{\n \"_comment\": \"Single source of truth for version pins, ports, paths, and defaults shared across the npm and Docker install paths. Read by scripts/dev-safe.mjs, scripts/dev-with-automation.mjs, docker/entrypoint.sh (via generated defaults.env), and .github/workflows/docker.yml.\",\n \"versions\": {\n \"agentServer\": \"1.44.0\",\n \"agentCanvas\": \"1.16.0\",\n \"automation\": \"1.9.0\"\n },\n \"compatibility\": {\n \"minimumAgentServer\": \"1.28.0\"\n },\n \"constraints\": {\n \"_comment\": \"Temporary upper bound on the agent-client-protocol (acp) transitive dependency. openhands-sdk 1.35.0 requires agent-client-protocol>=0.10.1 with no upper bound, but acp 0.11.0 reordered the ACP prompt() arguments and breaks the SDK's ACP client (a PromptRequest validation error surfaces as 'ACP error: 2 validation errors for PromptRequest'). Pin acp <0.11 until a fixed openhands-sdk ships. Consumed by scripts/dev-safe.mjs (agent-server uvx install) and .github/workflows/mock-llm-e2e.yml (mock ACP server venv).\",\n \"agentClientProtocol\": \"agent-client-protocol<0.11\"\n },\n \"images\": {\n \"agentServer\": \"ghcr.io/openhands/agent-server\",\n \"agentCanvas\": \"ghcr.io/openhands/agent-canvas\"\n },\n \"ports\": {\n \"agentServer\": 18000,\n \"automation\": 18001,\n \"proxy\": 8000,\n \"_vscodeComment\": \"Port the bundled editor binds to inside the container; agent-server's own default. Only the Docker entrypoint reads this — the npm launchers derive the editor port from the agent-server port so several stacks can run side by side. It is never published: the editor is reached through paths.vscodeBasePath on the proxy port.\",\n \"vscode\": 8001\n },\n \"paths\": {\n \"stateSubdir\": \"agent-canvas\",\n \"conversations\": \"agent-canvas/conversations\",\n \"bashEvents\": \"agent-canvas/bash_events\",\n \"automationDb\": \"automation/automations.db\",\n \"canvasBasePath\": \"/canvas\",\n \"_vscodeBasePathComment\": \"Path prefix the bundled editor is served under, on the same origin as the canvas. Passed to agent-server as OH_VSCODE_BASE_PATH (it launches openvscode-server with --server-base-path and advertises the prefix in /api/vscode/url), and registered as an ingress route to the VSCode port. Keeping one value on both sides is what lets a single-origin deployment reach the editor without publishing a second port. Tradeoff: a path prefix routes but does not isolate, so the editor shares the canvas's browser origin and therefore its localStorage — see docs/SELF_HOSTING.md and OpenHands/OpenHands#16492.\",\n \"vscodeBasePath\": \"/vscode\"\n },\n \"packages\": {\n \"agentServer\": \"openhands-agent-server\",\n \"automation\": \"openhands-automation\",\n \"tools\": \"openhands-tools\",\n \"workspace\": \"openhands-workspace\"\n },\n \"telemetry\": {\n \"posthogApiKey\": \"phc_kBtz5nKmxVRRQ7HtPwr2QX9eMC5j65zE86QKocVNwb4U\",\n \"posthogHost\": \"https://us.i.posthog.com\"\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"defaults.js","names":[],"sources":["../../config/defaults.json"],"sourcesContent":["{\n \"_comment\": \"Single source of truth for version pins, ports, paths, and defaults shared across the npm and Docker install paths. Read by scripts/dev-safe.mjs, scripts/dev-with-automation.mjs, docker/entrypoint.sh (via generated defaults.env), and .github/workflows/docker.yml.\",\n \"versions\": {\n \"agentServer\": \"1.46.0\",\n \"agentCanvas\": \"1.17.0\",\n \"automation\": \"1.11.1\"\n },\n \"compatibility\": {\n \"minimumAgentServer\": \"1.28.0\"\n },\n \"constraints\": {\n \"_comment\": \"Temporary upper bound on the agent-client-protocol (acp) transitive dependency. openhands-sdk 1.35.0 requires agent-client-protocol>=0.10.1 with no upper bound, but acp 0.11.0 reordered the ACP prompt() arguments and breaks the SDK's ACP client (a PromptRequest validation error surfaces as 'ACP error: 2 validation errors for PromptRequest'). Pin acp <0.11 until a fixed openhands-sdk ships. Consumed by scripts/dev-safe.mjs (agent-server uvx install) and .github/workflows/mock-llm-e2e.yml (mock ACP server venv).\",\n \"agentClientProtocol\": \"agent-client-protocol<0.11\"\n },\n \"images\": {\n \"agentServer\": \"ghcr.io/openhands/agent-server\",\n \"agentCanvas\": \"ghcr.io/openhands/agent-canvas\"\n },\n \"ports\": {\n \"agentServer\": 18000,\n \"automation\": 18001,\n \"proxy\": 8000,\n \"_vscodeComment\": \"Port the bundled editor binds to inside the container; agent-server's own default. Only the Docker entrypoint reads this — the npm launchers derive the editor port from the agent-server port so several stacks can run side by side. It is never published: the editor is reached through paths.vscodeBasePath on the proxy port.\",\n \"vscode\": 8001\n },\n \"paths\": {\n \"stateSubdir\": \"agent-canvas\",\n \"conversations\": \"agent-canvas/conversations\",\n \"bashEvents\": \"agent-canvas/bash_events\",\n \"automationDb\": \"automation/automations.db\",\n \"canvasBasePath\": \"/canvas\",\n \"_vscodeBasePathComment\": \"Path prefix the bundled editor is served under, on the same origin as the canvas. Passed to agent-server as OH_VSCODE_BASE_PATH (it launches openvscode-server with --server-base-path and advertises the prefix in /api/vscode/url), and registered as an ingress route to the VSCode port. Keeping one value on both sides is what lets a single-origin deployment reach the editor without publishing a second port. Tradeoff: a path prefix routes but does not isolate, so the editor shares the canvas's browser origin and therefore its localStorage — see docs/SELF_HOSTING.md and OpenHands/OpenHands#16492.\",\n \"vscodeBasePath\": \"/vscode\"\n },\n \"packages\": {\n \"agentServer\": \"openhands-agent-server\",\n \"automation\": \"openhands-automation\",\n \"tools\": \"openhands-tools\",\n \"workspace\": \"openhands-workspace\"\n },\n \"telemetry\": {\n \"posthogApiKey\": \"phc_kBtz5nKmxVRRQ7HtPwr2QX9eMC5j65zE86QKocVNwb4U\",\n \"posthogHost\": \"https://us.i.posthog.com\"\n }\n}\n"],"mappings":""}

package/dist/constants/settings-nav.d.ts CHANGED Viewed

@@ -6,3 +6,11 @@ export interface SettingsNavItem {
     subtitle: string;
 }
 export declare const OSS_NAV_ITEMS: SettingsNavItem[];
+/**
+ * The only OSS nav entry listed when the canvas is locked to a Cloud host —
+ * i.e. deployed into SaaS / self-hosted OHE next to the OHE web app, whose own
+ * settings shell (reached via "All Cloud Settings") owns everything else. The
+ * other pages stay routable for in-app deep links; they are just unlisted
+ * (OHE-3168).
+ */
+export declare const LOCKED_CLOUD_SETTINGS_NAV_PATH = "/settings/app";

package/dist/contexts/conversation-websocket-context.cjs CHANGED Viewed

@@ -1,4 +1,4 @@
-const e=require("../_virtual/_rolldown/runtime.cjs"),t=require("../stores/browser-store.cjs"),n=require("../stores/command-store.cjs"),ee=require("../utils/conversation-local-storage.cjs"),r=require("../stores/conversation-store.cjs"),te=require("../stores/conversation-state-store.cjs"),ne=require("../node_modules/@openhands/typescript-client/dist/client/conversation-client.cjs");require("../node_modules/@openhands/typescript-client/dist/clients.cjs");const i=require("../utils/websocket-url.cjs"),re=require("../api/agent-server-client-options.cjs"),ie=require("../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs"),a=require("../types/agent-server/type-guards.cjs"),o=require("../stores/use-event-store.cjs"),s=require("../hooks/use-websocket.cjs"),ae=require("../constants/server-connection-error.cjs"),c=require("../stores/error-message-store.cjs"),oe=require("../stores/optimistic-user-message-store.cjs"),l=require("../stores/goal-store.cjs"),se=require("../utils/streaming-delta-batcher.cjs"),ce=require("../api/conversation-metadata-store.cjs"),le=require("../services/canvas-ui.cjs"),ue=require("../services/child-conversation-launch.cjs"),de=require("../utils/cache-utils.cjs"),fe=require("../api/event-service/event-service.api.cjs"),u=require("../utils/error-handler.cjs"),pe=require("../hooks/mutation/use-read-conversation-file.cjs"),me=require("../stores/metrics-store.cjs"),he=require("../hooks/query/use-conversation-history.cjs"),ge=require("../hooks/chat/record-model-switch-message.cjs"),d=require("../hooks/mutation/conversation-mutation-utils.cjs");let f=require("react");f=e.__toESM(f,1);let _e=require("react/jsx-runtime");var p=(0,f.createContext)(void 0);function m(e){return e.llm_message.content.filter(e=>e.type===`text`).map(e=>e.text).join(``)}function h({children:e,conversationId:h,conversationUrl:g,sessionApiKey:_,subConversations:v,subConversationIds:ve}){let[y,b]=(0,f.useState)(`CONNECTING`),[x,S]=(0,f.useState)(`CONNECTING`),C=f.default.useRef(!1),w=f.default.useRef(!1),T=ie.useQueryClient(),E=o.useEventStore(e=>e.addEvent),ye=o.useEventStore(e=>e.addEvents),be=o.useEventStore(e=>e.clearEventsForConversation),{setErrorMessage:D,removeErrorMessage:O,clearConnectionError:k}=c.useErrorMessageStore(),A=oe.useOptimisticUserMessageStore(e=>e.consumeMatchingPendingMessage),{setExecutionStatus:j}=te.useConversationStateStore(),{appendInput:M,appendOutput:N}=n.useCommandStore(),P=t.useBrowserStore(e=>e.reset),F=(0,f.useRef)(null);F.current===null&&(F.current=se.createStreamingDeltaBatcher(e=>{o.useEventStore.getState().addEvent(e),c.useErrorMessageStore.getState().clearConnectionError()}));let I=(0,f.useRef)(null);I.current===null&&(I.current=se.createStreamingDeltaBatcher(e=>{o.useEventStore.getState().addEvent({...e,isFromPlanningAgent:!0}),c.useErrorMessageStore.getState().clearConnectionError()}));let[L,R]=(0,f.useState)(!0),[z,xe]=(0,f.useState)(null),{setPlanContent:B}=r.useConversationStore(),{mutate:V}=pe.useReadConversationFile(),H=(0,f.useRef)(0),U=(0,f.useRef)(null),Se=e=>e?.toUpperCase().endsWith(`PLAN.MD`)??!1,W=(0,f.useCallback)(()=>{k()},[k]),G=(0,f.useCallback)(e=>{let t=e.value.usage_to_metrics;if(!t)return;let n=Object.values(t).reduce((e,t)=>{e.cost+=t.accumulated_cost,e.maxBudgetPerTask===null&&t.max_budget_per_task!==null&&(e.maxBudgetPerTask=t.max_budget_per_task);let n=t.accumulated_token_usage;return n&&(e.usage={prompt_tokens:(e.usage?.prompt_tokens??0)+n.prompt_tokens,completion_tokens:(e.usage?.completion_tokens??0)+n.completion_tokens,cache_read_tokens:(e.usage?.cache_read_tokens??0)+n.cache_read_tokens,cache_write_tokens:(e.usage?.cache_write_tokens??0)+n.cache_write_tokens,context_window:Math.max(e.usage?.context_window??0,n.context_window),per_turn_token:Math.max(e.usage?.per_turn_token??0,n.per_turn_token)}),e},{cost:0,maxBudgetPerTask:null,usage:null});me.default.getState().setMetrics({cost:n.cost,max_budget_per_task:n.maxBudgetPerTask,usage:n.usage})},[]),{data:K,isPending:q}=he.useConversationHistory(h),Ce=!!h&&q;(0,f.useLayoutEffect)(()=>{let e=h??null;o.useEventStore.getState().loadedConversationId!==e&&(be(e),P(),me.default.getState().resetMetrics())},[h,be,P]),(0,f.useLayoutEffect)(()=>{if(!(!K||K.events.length===0)&&(ye(K.events),h)){ge.seedModelSwitchesFromHistory(h,o.useEventStore.getState().uiEvents);for(let e of K.events)a.isUserMessageEvent(e)&&A(h,m(e))}},[K,ye,h,A]);let J=(0,f.useMemo)(()=>{let e=K?.events??[],t=e[e.length-1];return!t||!(`timestamp`in t)||!t.timestamp?null:t.timestamp},[K]),Y=(0,f.useMemo)(()=>!h||!g||q?null:i.buildWebSocketUrl(h,g),[h,g,q]),X=(0,f.useMemo)(()=>{if(!v?.length)return null;let e=v[0];return!e?.id||!e.conversation_url?null:i.buildWebSocketUrl(e.id,e.conversation_url)},[v]),we=(0,f.useMemo)(()=>X?y===`CONNECTING`||x===`CONNECTING`?`CONNECTING`:y===`OPEN`&&x===`OPEN`?`OPEN`:y===`CLOSED`&&x===`CLOSED`?`CLOSED`:y===`CLOSING`||x===`CLOSING`?`CLOSING`:`CLOSED`:y,[y,x,X]);(0,f.useEffect)(()=>{z!==null&&H.current>=z&&L&&R(!1)},[z,L,H]),(0,f.useEffect)(()=>{if(!L&&U.current){let{path:e,conversationId:t}=U.current;V({conversationId:t,filePath:e},{onSuccess:e=>{B(e)},onError:e=>{console.warn(`Failed to read conversation file:`,e)}}),U.current=null}},[L,V,B]),(0,f.useEffect)(()=>{C.current=!1,R(!!ve?.length),xe(null),H.current=0,U.current=null},[ve]),(0,f.useEffect)(()=>{C.current=!1,w.current=!1,U.current=null},[h]),(0,f.useEffect)(()=>{let e=F.current,t=I.current;return()=>{e?.reset(),t?.reset()}},[h]);let Te=(0,f.useMemo)(()=>Ce||L,[Ce,L]),Ee=(0,f.useCallback)(e=>{try{let n=JSON.parse(e.data);if(a.isAgentServerEvent(n)){if(a.isStreamingDeltaEvent(n)){F.current?.enqueue(n);return}F.current?.flush();let e=o.useEventStore.getState().eventIds.has(n.id??``),r=a.isSwitchLLMObservationEvent(n)?n:null;if(E(n),e)return;if(a.isDisplayableErrorEvent(n)){let e=n,t=`classification`in e?e.classification:null;u.trackError({source:`conversation`,metadata:{eventId:e.id,errorCode:e.code},classification:t}),D(e.detail,`conversation`,e.code,t)}else W();if(a.isAgentErrorEvent(n)&&u.trackError({source:`agent`,metadata:{eventId:n.id,toolName:n.tool_name,toolCallId:n.tool_call_id},classification:n.classification}),a.isUserMessageEvent(n)&&h&&(A(h,m(n)),ee.setConversationState(h,{draftMessage:null})),a.isActionEvent(n)&&de.handleActionEventCacheInvalidation(n,h||`test-conversation-id`,T),a.isConversationStateUpdateEvent(n)&&(a.isFullStateConversationStateUpdateEvent(n)&&j(n.value.execution_status),a.isAgentStatusConversationStateUpdateEvent(n)&&j(n.value),a.isStatsConversationStateUpdateEvent(n)&&G(n),a.isGoalConversationStateUpdateEvent(n)&&h&&l.useGoalStore.getState().setStatus(h,n.value)),a.isExecuteBashActionEvent(n)&&M(n.action.command),a.isExecuteBashObservationEvent(n)&&N(n.observation.content.filter(e=>e.type===`text`).map(e=>e.text).join(`
-`)),a.isBrowserObservationEvent(n)){let{screenshot_data:e}=n.observation;if(e){let n=e.startsWith(`data:`)?e:`data:image/png;base64,${e}`;t.useBrowserStore.getState().setScreenshotSrc(n)}}if(a.isBrowserNavigateActionEvent(n)&&t.useBrowserStore.getState().setUrl(n.action.url),h&&r&&!r.observation.is_error){ge.recordModelSwitchMessage(h,r.observation.profile_name);let e=ce.getStoredConversationMetadata(h);ce.setStoredConversationMetadata(h,{selected_repository:e?.selected_repository??null,selected_branch:e?.selected_branch??null,git_provider:e?.git_provider??null,selected_workspace:e?.selected_workspace??null,active_profile:r.observation.profile_name,plugins:e?.plugins??null}),r.observation.active_model&&d.updateConversationLlmModelInCache(T,h,r.observation.active_model),d.invalidateConversationQueries(T,h)}a.isCanvasUIActionEvent(n)&&le.handleCanvasUIAction(n.action,h??null),h&&a.isLaunchChildConversationActionEvent(n)&&ue.handleLaunchChildConversationAction(n.action,h,n.tool_call_id)}}catch(e){console.warn(`Failed to parse WebSocket message as JSON:`,e)}},[E,D,A,T,h,j,M,N,G,W]),De=(0,f.useCallback)(e=>{try{let t=JSON.parse(e.data);if(L&&(H.current+=1,z!==null&&H.current>=z&&R(!1)),a.isAgentServerEvent(t)){if(a.isStreamingDeltaEvent(t)){I.current?.enqueue(t);return}I.current?.flush();let e=o.useEventStore.getState().eventIds.has(t.id??``);if(E({...t,isFromPlanningAgent:!0}),e)return;if(a.isDisplayableErrorEvent(t)){let e=t,n=`classification`in e?e.classification:null;u.trackError({source:`planning_conversation`,metadata:{eventId:e.id,errorCode:e.code},classification:n}),D(e.detail,`conversation`,e.code,n)}else W();if(a.isAgentErrorEvent(t)&&u.trackError({source:`planning_agent`,metadata:{eventId:t.id,toolName:t.tool_name,toolCallId:t.tool_call_id},classification:t.classification}),a.isUserMessageEvent(t)&&h&&(A(h,m(t)),ee.setConversationState(h,{draftMessage:null})),a.isActionEvent(t)&&de.handleActionEventCacheInvalidation(t,v?.[0]?.id||`test-conversation-id`,T),a.isConversationStateUpdateEvent(t)&&(a.isFullStateConversationStateUpdateEvent(t)&&j(t.value.execution_status),a.isAgentStatusConversationStateUpdateEvent(t)&&j(t.value),a.isStatsConversationStateUpdateEvent(t)&&G(t),a.isGoalConversationStateUpdateEvent(t)&&h&&l.useGoalStore.getState().setStatus(h,t.value)),a.isExecuteBashActionEvent(t)&&M(t.action.command),a.isExecuteBashObservationEvent(t)&&N(t.observation.content.filter(e=>e.type===`text`).map(e=>e.text).join(`
-`)),a.isPlanningFileEditorObservationEvent(t)){let{path:e}=t.observation;if(Se(e)){let t=v?.[0]?.id;t&&e&&(L?U.current={path:e,conversationId:t}:V({conversationId:t,filePath:e},{onSuccess:e=>{B(e)},onError:e=>{console.warn(`Failed to read conversation file:`,e)}}))}}}}catch(e){console.warn(`Failed to parse WebSocket message as JSON:`,e)}},[E,L,z,D,A,T,v,h,j,M,N,V,B,G,W]),Oe=(0,f.useMemo)(()=>({queryParams:J?{resend_mode:`since`,after_timestamp:J}:{resend_mode:`all`},sessionApiKey:_,reconnect:{enabled:!0},onOpen:()=>{b(`OPEN`),C.current=!0,k()},onClose:()=>{b(`CLOSED`)},onError:()=>{b(`CLOSED`),C.current&&D(ae.SERVER_CONNECTION_ERROR_MESSAGE,`connection`)},onMessage:Ee}),[Ee,D,k,_,J]),ke=(0,f.useMemo)(()=>{let e={resend_all:!0},t=v?.[0];return{queryParams:e,sessionApiKey:t?.session_api_key??_,reconnect:{enabled:!0},onOpen:async()=>{if(S(`OPEN`),w.current=!0,k(),t?.id&&t.conversation_url)try{let e=await fe.default.getEventCount(t.id,t.conversation_url,t.session_api_key);xe(e),e===0&&R(!1)}catch{R(!1)}},onClose:()=>{S(`CLOSED`)},onError:()=>{S(`CLOSED`),w.current&&D(ae.SERVER_CONNECTION_ERROR_MESSAGE,`connection`)},onMessage:De}},[De,D,k,_,v]),{socket:Z,reconnect:Ae}=s.useWebSocket(Y||``,Oe),{socket:Q,reconnect:je}=s.useWebSocket(X||``,ke),Me=(0,f.useCallback)(()=>{if(O(),r.useConversationStore.getState().conversationMode===`plan`&&X){je();return}Ae()},[X,Ae,je,O]),$=(0,f.useCallback)(async e=>{let t=r.useConversationStore.getState().conversationMode===`plan`?Q:Z;if(t?.readyState!==WebSocket.OPEN){if(!h){let e=Error(`No conversation ID available`);throw D(e.message),e}try{return await new ne.ConversationClient(re.getAgentServerClientOptions()).sendEvent(h,{role:`user`,content:e.content},{run:!0}),{queued:!0}}catch(e){throw D(e instanceof Error?e.message:`Failed to queue message for delivery`),e}}try{return t.send(JSON.stringify({...e,run:!0})),{queued:!1}}catch(e){throw D(e instanceof Error?e.message:`Failed to send message`),e}},[Z,Q,D,h]);(0,f.useEffect)(()=>{Z&&Y&&(()=>{switch(Z.readyState){case WebSocket.CONNECTING:b(`CONNECTING`);break;case WebSocket.OPEN:b(`OPEN`);break;case WebSocket.CLOSING:b(`CLOSING`);break;case WebSocket.CLOSED:b(`CLOSED`);break;default:b(`CLOSED`);break}})()},[Z,Y]),(0,f.useEffect)(()=>{Q&&X&&(()=>{switch(Q.readyState){case WebSocket.CONNECTING:S(`CONNECTING`);break;case WebSocket.OPEN:S(`OPEN`);break;case WebSocket.CLOSING:S(`CLOSING`);break;case WebSocket.CLOSED:S(`CLOSED`);break;default:S(`CLOSED`);break}})()},[Q,X]);let Ne=(0,f.useMemo)(()=>({connectionState:we,sendMessage:$,isLoadingHistory:Te,reconnect:Me}),[we,$,Te,Me]);return(0,_e.jsx)(p.Provider,{value:Ne,children:e})}var g=()=>(0,f.useContext)(p)||null;exports.ConversationWebSocketProvider=h,exports.useConversationWebSocket=g;
+const e=require("../_virtual/_rolldown/runtime.cjs"),t=require("../stores/browser-store.cjs"),n=require("../stores/command-store.cjs"),r=require("../utils/conversation-local-storage.cjs"),i=require("../stores/conversation-store.cjs"),ee=require("../stores/conversation-state-store.cjs"),te=require("../node_modules/@openhands/typescript-client/dist/client/conversation-client.cjs");require("../node_modules/@openhands/typescript-client/dist/clients.cjs");const a=require("../utils/websocket-url.cjs"),ne=require("../api/agent-server-client-options.cjs"),re=require("../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs"),o=require("../types/agent-server/type-guards.cjs"),s=require("../stores/use-event-store.cjs"),ie=require("../hooks/use-websocket.cjs"),ae=require("../constants/server-connection-error.cjs"),c=require("../stores/error-message-store.cjs"),oe=require("../stores/optimistic-user-message-store.cjs"),se=require("../stores/goal-store.cjs"),ce=require("../utils/streaming-delta-batcher.cjs"),le=require("../utils/plan-file.cjs"),ue=require("../services/canvas-ui.cjs"),de=require("../services/child-conversation-launch.cjs"),fe=require("../utils/cache-utils.cjs"),pe=require("../api/event-service/event-service.api.cjs"),l=require("../utils/error-handler.cjs"),me=require("../hooks/mutation/use-read-conversation-file.cjs"),u=require("../stores/metrics-store.cjs"),he=require("../hooks/query/use-conversation-history.cjs"),d=require("../hooks/chat/record-model-switch-message.cjs"),ge=require("../hooks/mutation/conversation-mutation-utils.cjs");let f=require("react");f=e.__toESM(f,1);let _e=require("react/jsx-runtime");var ve=(0,f.createContext)(void 0);function p(e){return e.llm_message.content.filter(e=>e.type===`text`).map(e=>e.text).join(``)}function m({children:e,conversationId:m,conversationUrl:h,sessionApiKey:g,subConversations:_,subConversationIds:v}){let[y,b]=(0,f.useState)(`CONNECTING`),[x,S]=(0,f.useState)(`CONNECTING`),C=f.default.useRef(!1),w=f.default.useRef(!1),T=re.useQueryClient(),E=s.useEventStore(e=>e.addEvent),ye=s.useEventStore(e=>e.addEvents),be=s.useEventStore(e=>e.clearEventsForConversation),{setErrorMessage:D,removeErrorMessage:xe,clearConnectionError:O}=c.useErrorMessageStore(),k=oe.useOptimisticUserMessageStore(e=>e.consumeMatchingPendingMessage),{setExecutionStatus:A}=ee.useConversationStateStore(),{appendInput:j,appendOutput:M}=n.useCommandStore(),N=t.useBrowserStore(e=>e.reset),P=(0,f.useRef)(null);P.current===null&&(P.current=ce.createStreamingDeltaBatcher(e=>{s.useEventStore.getState().addEvent(e),c.useErrorMessageStore.getState().clearConnectionError()}));let F=(0,f.useRef)(null);F.current===null&&(F.current=ce.createStreamingDeltaBatcher(e=>{s.useEventStore.getState().addEvent({...e,isFromPlanningAgent:!0}),c.useErrorMessageStore.getState().clearConnectionError()}));let[I,L]=(0,f.useState)(!0),[R,Se]=(0,f.useState)(null),{setPlanContent:z}=i.useConversationStore();(0,f.useEffect)(()=>{z(null)},[m,z]);let{mutate:B}=me.useReadConversationFile(),V=(0,f.useRef)(0),H=(0,f.useRef)(null),U=(0,f.useCallback)(()=>{O()},[O]),W=(0,f.useCallback)(e=>{let t=e.value.usage_to_metrics;if(!t)return;let n=Object.values(t).reduce((e,t)=>{e.cost+=t.accumulated_cost,e.maxBudgetPerTask===null&&t.max_budget_per_task!==null&&(e.maxBudgetPerTask=t.max_budget_per_task);let n=t.accumulated_token_usage;return n&&(e.usage={prompt_tokens:(e.usage?.prompt_tokens??0)+n.prompt_tokens,completion_tokens:(e.usage?.completion_tokens??0)+n.completion_tokens,cache_read_tokens:(e.usage?.cache_read_tokens??0)+n.cache_read_tokens,cache_write_tokens:(e.usage?.cache_write_tokens??0)+n.cache_write_tokens,context_window:Math.max(e.usage?.context_window??0,n.context_window),per_turn_token:Math.max(e.usage?.per_turn_token??0,n.per_turn_token)}),e},{cost:0,maxBudgetPerTask:null,usage:null});u.default.getState().setMetrics({cost:n.cost,max_budget_per_task:n.maxBudgetPerTask,usage:n.usage})},[]),{data:G,isPending:K}=he.useConversationHistory(m),Ce=!!m&&K;(0,f.useLayoutEffect)(()=>{let e=m??null;s.useEventStore.getState().loadedConversationId!==e&&(be(e),N(),u.default.getState().resetMetrics())},[m,be,N]),(0,f.useLayoutEffect)(()=>{if(!(!G||G.events.length===0)&&(ye(G.events),m)){d.seedModelSwitchesFromHistory(m,s.useEventStore.getState().uiEvents);for(let e of G.events)o.isUserMessageEvent(e)&&k(m,p(e))}},[G,ye,m,k]);let q=(0,f.useMemo)(()=>{let e=G?.events??[],t=e[e.length-1];return!t||!(`timestamp`in t)||!t.timestamp?null:t.timestamp},[G]),J=(0,f.useMemo)(()=>!m||!h||K?null:a.buildWebSocketUrl(m,h),[m,h,K]),Y=(0,f.useMemo)(()=>v?.[0]??null,[v]),X=(0,f.useMemo)(()=>{if(!_?.length)return null;let e=_[0];return!e?.id||!e.conversation_url?null:a.buildWebSocketUrl(e.id,e.conversation_url)},[_]),we=(0,f.useMemo)(()=>X?y===`CONNECTING`||x===`CONNECTING`?`CONNECTING`:y===`OPEN`&&x===`OPEN`?`OPEN`:y===`CLOSED`&&x===`CLOSED`?`CLOSED`:y===`CLOSING`||x===`CLOSING`?`CLOSING`:`CLOSED`:y,[y,x,X]);(0,f.useEffect)(()=>{R!==null&&V.current>=R&&I&&L(!1)},[R,I,V]),(0,f.useEffect)(()=>{if(!I&&H.current){let{path:e,conversationId:t}=H.current;B({conversationId:t,filePath:e},{onSuccess:e=>{z(e)},onError:e=>{console.warn(`Failed to read conversation file:`,e)}}),H.current=null}},[I,B,z]),(0,f.useEffect)(()=>{C.current=!1,L(!!v?.length),Se(null),V.current=0,H.current=null},[v]),(0,f.useEffect)(()=>{C.current=!1,w.current=!1,H.current=null},[m]),(0,f.useEffect)(()=>{let e=P.current,t=F.current;return()=>{e?.reset(),t?.reset()}},[m]);let Te=(0,f.useMemo)(()=>Ce||I,[Ce,I]),Ee=(0,f.useCallback)(e=>{try{let n=JSON.parse(e.data);if(o.isAgentServerEvent(n)){if(o.isStreamingDeltaEvent(n)){P.current?.enqueue(n);return}P.current?.flush();let e=s.useEventStore.getState().eventIds.has(n.id??``),i=o.isSwitchLLMObservationEvent(n)?n:null;if(E(n),e)return;if(o.isDisplayableErrorEvent(n)){let e=n,t=`classification`in e?e.classification:null;l.trackError({source:`conversation`,metadata:{eventId:e.id,errorCode:e.code},classification:t}),D(e.detail,`conversation`,e.code,t)}else U();if(o.isAgentErrorEvent(n)&&l.trackError({source:`agent`,metadata:{eventId:n.id,toolName:n.tool_name,toolCallId:n.tool_call_id},classification:n.classification}),o.isUserMessageEvent(n)&&m&&(k(m,p(n)),r.setConversationState(m,{draftMessage:null})),o.isActionEvent(n)&&fe.handleActionEventCacheInvalidation(n,m||`test-conversation-id`,T),o.isConversationStateUpdateEvent(n)&&(o.isFullStateConversationStateUpdateEvent(n)&&m&&A(m,n.value.execution_status),o.isAgentStatusConversationStateUpdateEvent(n)&&m&&A(m,n.value),o.isStatsConversationStateUpdateEvent(n)&&W(n),o.isGoalConversationStateUpdateEvent(n)&&m&&se.useGoalStore.getState().setStatus(m,n.value)),o.isExecuteBashActionEvent(n)&&j(n.action.command),o.isExecuteBashObservationEvent(n)&&M(n.observation.content.filter(e=>e.type===`text`).map(e=>e.text).join(`
+`)),o.isBrowserObservationEvent(n)){let{screenshot_data:e}=n.observation;if(e){let n=e.startsWith(`data:`)?e:`data:image/png;base64,${e}`;t.useBrowserStore.getState().setScreenshotSrc(n)}}o.isBrowserNavigateActionEvent(n)&&t.useBrowserStore.getState().setUrl(n.action.url),m&&i&&!i.observation.is_error&&(d.recordModelSwitchMessage(m,i.observation.profile_name),d.stampActiveLlmProfile(m,i.observation.profile_name,i.timestamp),i.observation.active_model&&ge.updateConversationLlmModelInCache(T,m,i.observation.active_model),ge.invalidateConversationQueries(T,m)),o.isCanvasUIActionEvent(n)&&ue.handleCanvasUIAction(n.action,m??null),m&&o.isLaunchChildConversationActionEvent(n)&&de.handleLaunchChildConversationAction(n.action,m,n.tool_call_id)}}catch(e){console.warn(`Failed to parse WebSocket message as JSON:`,e)}},[E,D,k,T,m,A,j,M,W,U]),Z=(0,f.useCallback)(e=>{try{let t=JSON.parse(e.data);if(I&&(V.current+=1,R!==null&&V.current>=R&&L(!1)),o.isAgentServerEvent(t)){if(o.isStreamingDeltaEvent(t)){F.current?.enqueue(t);return}F.current?.flush();let e=s.useEventStore.getState().eventIds.has(t.id??``);if(E({...t,isFromPlanningAgent:!0}),e)return;if(o.isDisplayableErrorEvent(t)){let e=t,n=`classification`in e?e.classification:null;l.trackError({source:`planning_conversation`,metadata:{eventId:e.id,errorCode:e.code},classification:n}),D(e.detail,`conversation`,e.code,n)}else U();if(o.isAgentErrorEvent(t)&&l.trackError({source:`planning_agent`,metadata:{eventId:t.id,toolName:t.tool_name,toolCallId:t.tool_call_id},classification:t.classification}),o.isUserMessageEvent(t)&&m&&(k(m,p(t)),r.setConversationState(m,{draftMessage:null})),o.isActionEvent(t)&&fe.handleActionEventCacheInvalidation(t,_?.[0]?.id||`test-conversation-id`,T),o.isConversationStateUpdateEvent(t)&&(o.isFullStateConversationStateUpdateEvent(t)&&Y&&A(Y,t.value.execution_status),o.isAgentStatusConversationStateUpdateEvent(t)&&Y&&A(Y,t.value),o.isStatsConversationStateUpdateEvent(t)&&W(t),o.isGoalConversationStateUpdateEvent(t)&&m&&se.useGoalStore.getState().setStatus(m,t.value)),o.isExecuteBashActionEvent(t)&&j(t.action.command),o.isExecuteBashObservationEvent(t)&&M(t.observation.content.filter(e=>e.type===`text`).map(e=>e.text).join(`
+`)),o.isPlanningFileEditorObservationEvent(t)){let{path:e}=t.observation;if(le.isPlanFilePath(e)){let t=_?.[0]?.id;t&&e&&(I?H.current={path:e,conversationId:t}:B({conversationId:t,filePath:e},{onSuccess:e=>{z(e)},onError:e=>{console.warn(`Failed to read conversation file:`,e)}}))}}}}catch(e){console.warn(`Failed to parse WebSocket message as JSON:`,e)}},[E,I,R,D,k,T,_,Y,m,A,j,M,B,z,W,U]),De=(0,f.useMemo)(()=>({queryParams:q?{resend_mode:`since`,after_timestamp:q}:{resend_mode:`all`},sessionApiKey:g,reconnect:{enabled:!0},onOpen:()=>{b(`OPEN`),C.current=!0,O()},onClose:()=>{b(`CLOSED`)},onError:()=>{b(`CLOSED`),C.current&&D(ae.SERVER_CONNECTION_ERROR_MESSAGE,`connection`)},onMessage:Ee}),[Ee,D,O,g,q]),Oe=(0,f.useMemo)(()=>{let e={resend_all:!0},t=_?.[0];return{queryParams:e,sessionApiKey:t?.session_api_key??g,reconnect:{enabled:!0},onOpen:async()=>{if(S(`OPEN`),w.current=!0,O(),t?.id&&t.conversation_url)try{let e=await pe.default.getEventCount(t.id,t.conversation_url,t.session_api_key);Se(e),e===0&&L(!1)}catch{L(!1)}},onClose:()=>{S(`CLOSED`)},onError:()=>{S(`CLOSED`),w.current&&D(ae.SERVER_CONNECTION_ERROR_MESSAGE,`connection`)},onMessage:Z}},[Z,D,O,g,_]),{socket:Q,reconnect:ke}=ie.useWebSocket(J||``,De),{socket:$,reconnect:Ae}=ie.useWebSocket(X||``,Oe),je=(0,f.useCallback)(()=>{if(xe(),i.useConversationStore.getState().conversationMode===`plan`&&X){Ae();return}ke()},[X,ke,Ae,xe]),Me=(0,f.useCallback)(async e=>{let t=i.useConversationStore.getState().conversationMode,n=t===`plan`?$:Q,r=t===`plan`?Y:m;if(n?.readyState!==WebSocket.OPEN){if(!r){let e=Error(t===`plan`?`Planning conversation is not ready yet`:`No conversation ID available`);throw D(e.message),e}try{return await new te.ConversationClient(ne.getAgentServerClientOptions()).sendEvent(r,{role:`user`,content:e.content},{run:!0}),{queued:!0}}catch(e){throw D(e instanceof Error?e.message:`Failed to queue message for delivery`),e}}try{return n.send(JSON.stringify({...e,run:!0})),{queued:!1}}catch(e){throw D(e instanceof Error?e.message:`Failed to send message`),e}},[Q,$,D,m,Y]);(0,f.useEffect)(()=>{Q&&J&&(()=>{switch(Q.readyState){case WebSocket.CONNECTING:b(`CONNECTING`);break;case WebSocket.OPEN:b(`OPEN`);break;case WebSocket.CLOSING:b(`CLOSING`);break;case WebSocket.CLOSED:b(`CLOSED`);break;default:b(`CLOSED`);break}})()},[Q,J]),(0,f.useEffect)(()=>{$&&X&&(()=>{switch($.readyState){case WebSocket.CONNECTING:S(`CONNECTING`);break;case WebSocket.OPEN:S(`OPEN`);break;case WebSocket.CLOSING:S(`CLOSING`);break;case WebSocket.CLOSED:S(`CLOSED`);break;default:S(`CLOSED`);break}})()},[$,X]);let Ne=(0,f.useMemo)(()=>({connectionState:we,mainConnectionState:y,sendMessage:Me,isLoadingHistory:Te,reconnect:je}),[we,y,Me,Te,je]);return(0,_e.jsx)(ve.Provider,{value:Ne,children:e})}var h=()=>(0,f.useContext)(ve)||null;exports.ConversationWebSocketProvider=m,exports.useConversationWebSocket=h;
 //# sourceMappingURL=conversation-websocket-context.cjs.map