@openhands/agent-canvas 1.11.0 → 1.13.0

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"model-selector.js","names":[],"sources":["../../../../../src/components/shared/modals/settings/model-selector.tsx"],"sourcesContent":["import {\n  Autocomplete,\n  AutocompleteItem,\n  AutocompleteSection,\n} from \"@heroui/react\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { mapProvider } from \"#/utils/map-provider\";\nimport { extractModelAndProvider } from \"#/utils/extract-model-and-provider\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlSettingsFieldClassName } from \"#/utils/form-control-classes\";\nimport { heroUiAutocompleteSelectorButtonClassName } from \"#/ui/combobox-caret\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { PRODUCT_URL } from \"#/utils/constants\";\nimport { useSearchProviders } from \"#/hooks/query/use-search-providers\";\nimport { useProviderModels } from \"#/hooks/query/use-provider-models\";\n\ninterface ModelSelectorProps {\n  isDisabled?: boolean;\n  currentModel?: string;\n  onChange?: (provider: string | null, model: string | null) => void;\n  onDefaultValuesChanged?: (\n    provider: string | null,\n    model: string | null,\n  ) => void;\n  wrapperClassName?: string;\n  labelClassName?: string;\n}\n\nexport function ModelSelector({\n  isDisabled,\n  currentModel,\n  onChange,\n  onDefaultValuesChanged,\n  wrapperClassName,\n  labelClassName,\n}: ModelSelectorProps) {\n  const [, setLitellmId] = React.useState<string | null>(null);\n  const [selectedProvider, setSelectedProvider] = React.useState<string | null>(\n    null,\n  );\n  const [selectedModel, setSelectedModel] = React.useState<string | null>(null);\n\n  const { data: providers = [] } = useSearchProviders();\n  const {\n    data: providerModels = [],\n    isLoading: isLoadingModels,\n    error: modelsError,\n  } = useProviderModels(selectedProvider);\n\n  const verifiedProviders = React.useMemo(\n    () => providers.filter((p) => p.verified),\n    [providers],\n  );\n  const unverifiedProviders = React.useMemo(\n    () => providers.filter((p) => !p.verified),\n    [providers],\n  );\n\n  const verifiedModels = React.useMemo(\n    () => providerModels.filter((m) => m.verified),\n    [providerModels],\n  );\n  const unverifiedModels = React.useMemo(\n    () => providerModels.filter((m) => !m.verified),\n    [providerModels],\n  );\n\n  React.useEffect(() => {\n    if (currentModel) {\n      const { provider, model } = extractModelAndProvider(currentModel);\n\n      setLitellmId(currentModel);\n      setSelectedProvider(provider || null);\n      setSelectedModel(model);\n      onDefaultValuesChanged?.(provider || null, model);\n    }\n  }, [currentModel]);\n\n  const handleChangeProvider = (provider: string) => {\n    setSelectedProvider(provider);\n    setSelectedModel(null);\n    setLitellmId(`${provider}/`);\n    onChange?.(provider, null);\n  };\n\n  const handleChangeModel = (model: string) => {\n    let fullModel = `${selectedProvider}/${model}`;\n    if (selectedProvider === \"openai\") {\n      fullModel = model;\n    }\n    setLitellmId(fullModel);\n    setSelectedModel(model);\n    onChange?.(selectedProvider, model);\n  };\n\n  const clear = () => {\n    setSelectedProvider(null);\n    setLitellmId(null);\n  };\n\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col md:flex-row w-full min-w-0 justify-between gap-4 md:gap-[46px]\",\n        wrapperClassName,\n      )}\n    >\n      <fieldset className=\"flex flex-col gap-2.5 w-full\">\n        <label className={cn(\"text-sm\", labelClassName)}>\n          {t(I18nKey.LLM$PROVIDER)}\n        </label>\n        <Autocomplete\n          data-testid=\"llm-provider-input\"\n          isRequired\n          isVirtualized={false}\n          name=\"llm-provider-input\"\n          isDisabled={isDisabled}\n          aria-label={t(I18nKey.LLM$PROVIDER)}\n          isClearable={false}\n          onSelectionChange={(e) => {\n            if (e?.toString()) handleChangeProvider(e.toString());\n          }}\n          onInputChange={(value) => !value && clear()}\n          defaultSelectedKey={selectedProvider ?? undefined}\n          selectedKey={selectedProvider}\n          classNames={{\n            popoverContent:\n              \"bg-content1 rounded-xl border border-[var(--oh-border)]\",\n            selectorButton: heroUiAutocompleteSelectorButtonClassName,\n          }}\n          selectorButtonProps={{ disableRipple: true }}\n          inputProps={{\n            classNames: {\n              inputWrapper: formControlSettingsFieldClassName,\n            },\n          }}\n        >\n          <AutocompleteSection\n            title={t(I18nKey.MODEL_SELECTOR$VERIFIED)}\n            classNames={{ heading: \"text-[var(--oh-muted)]\" }}\n          >\n            {verifiedProviders.map((provider) => (\n              <AutocompleteItem\n                data-testid={`provider-item-${provider.name}`}\n                key={provider.name}\n              >\n                {mapProvider(provider.name)}\n              </AutocompleteItem>\n            ))}\n          </AutocompleteSection>\n          {unverifiedProviders.length > 0 ? (\n            <AutocompleteSection\n              title={t(I18nKey.MODEL_SELECTOR$OTHERS)}\n              classNames={{ heading: \"text-[var(--oh-muted)]\" }}\n            >\n              {unverifiedProviders.map((provider) => (\n                <AutocompleteItem key={provider.name}>\n                  {mapProvider(provider.name)}\n                </AutocompleteItem>\n              ))}\n            </AutocompleteSection>\n          ) : null}\n        </Autocomplete>\n      </fieldset>\n\n      {selectedProvider === \"openhands\" && (\n        <HelpLink\n          testId=\"openhands-account-help\"\n          text={t(I18nKey.SETTINGS$NEED_OPENHANDS_ACCOUNT)}\n          linkText={t(I18nKey.SETTINGS$CLICK_HERE)}\n          href={PRODUCT_URL.PRODUCTION}\n          size=\"settings\"\n          linkColor=\"white\"\n        />\n      )}\n\n      <fieldset className=\"flex flex-col gap-2.5 w-full\">\n        <label className={cn(\"text-sm\", labelClassName)}>\n          {t(I18nKey.LLM$MODEL)}\n        </label>\n        <Autocomplete\n          data-testid=\"llm-model-input\"\n          isRequired\n          isVirtualized={false}\n          isLoading={isLoadingModels}\n          name=\"llm-model-input\"\n          aria-label={t(I18nKey.LLM$MODEL)}\n          isClearable={false}\n          onSelectionChange={(e) => {\n            if (e?.toString()) handleChangeModel(e.toString());\n          }}\n          isDisabled={isDisabled || !selectedProvider}\n          selectedKey={selectedModel}\n          defaultSelectedKey={selectedModel ?? undefined}\n          classNames={{\n            popoverContent:\n              \"bg-content1 rounded-xl border border-[var(--oh-border)]\",\n            selectorButton: heroUiAutocompleteSelectorButtonClassName,\n          }}\n          selectorButtonProps={{ disableRipple: true }}\n          inputProps={{\n            classNames: {\n              inputWrapper: formControlSettingsFieldClassName,\n            },\n          }}\n        >\n          <AutocompleteSection\n            title={t(I18nKey.MODEL_SELECTOR$VERIFIED)}\n            classNames={{ heading: \"text-[var(--oh-muted)]\" }}\n          >\n            {verifiedModels.map((model) => (\n              <AutocompleteItem key={model.name}>{model.name}</AutocompleteItem>\n            ))}\n          </AutocompleteSection>\n          {unverifiedModels.length > 0 ? (\n            <AutocompleteSection\n              title={t(I18nKey.MODEL_SELECTOR$OTHERS)}\n              classNames={{ heading: \"text-[var(--oh-muted)]\" }}\n            >\n              {unverifiedModels.map((model) => (\n                <AutocompleteItem\n                  data-testid={`model-item-${model.name}`}\n                  key={model.name}\n                >\n                  {model.name}\n                </AutocompleteItem>\n              ))}\n            </AutocompleteSection>\n          ) : null}\n        </Autocomplete>\n        {modelsError && (\n          <p data-testid=\"models-error\" className=\"text-danger text-xs\">\n            {t(I18nKey.CONFIGURATION$ERROR_FETCH_MODELS)}\n          </p>\n        )}\n      </fieldset>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"model-selector.js","names":[],"sources":["../../../../../src/components/shared/modals/settings/model-selector.tsx"],"sourcesContent":["import {\n  Autocomplete,\n  AutocompleteItem,\n  AutocompleteSection,\n} from \"@heroui/react\";\nimport { Info } from \"lucide-react\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { mapProvider } from \"#/utils/map-provider\";\nimport { extractModelAndProvider } from \"#/utils/extract-model-and-provider\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlSettingsFieldClassName } from \"#/utils/form-control-classes\";\nimport { heroUiAutocompleteSelectorButtonClassName } from \"#/ui/combobox-caret\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { PRODUCT_URL } from \"#/utils/constants\";\nimport { useSearchProviders } from \"#/hooks/query/use-search-providers\";\nimport { useProviderModels } from \"#/hooks/query/use-provider-models\";\nimport {\n  FREE_MODEL_BADGE_LABEL,\n  FREE_OPENHANDS_MODEL_NOTE,\n  isFreeOpenHandsModel,\n} from \"#/utils/format-model-name\";\n\nconst freeModelBadgeClassName =\n  \"shrink-0 rounded-full border border-warning/40 bg-warning/10 px-1.5 py-0.5 text-[10px] leading-none text-warning\";\n\nfunction FreeOpenHandsModelsNote() {\n  return (\n    <p\n      data-testid=\"openhands-free-models-note\"\n      className=\"flex items-start gap-2 text-xs text-warning\"\n    >\n      <Info className=\"mt-0.5 size-4 shrink-0 text-warning\" aria-hidden />\n      <span>{FREE_OPENHANDS_MODEL_NOTE}</span>\n    </p>\n  );\n}\n\ninterface ModelSelectorProps {\n  isDisabled?: boolean;\n  currentModel?: string;\n  onChange?: (provider: string | null, model: string | null) => void;\n  onDefaultValuesChanged?: (\n    provider: string | null,\n    model: string | null,\n  ) => void;\n  wrapperClassName?: string;\n  labelClassName?: string;\n}\n\nexport function ModelSelector({\n  isDisabled,\n  currentModel,\n  onChange,\n  onDefaultValuesChanged,\n  wrapperClassName,\n  labelClassName,\n}: ModelSelectorProps) {\n  const [, setLitellmId] = React.useState<string | null>(null);\n  const [selectedProvider, setSelectedProvider] = React.useState<string | null>(\n    null,\n  );\n  const [selectedModel, setSelectedModel] = React.useState<string | null>(null);\n\n  const { data: providers = [] } = useSearchProviders();\n  const {\n    data: providerModels = [],\n    isLoading: isLoadingModels,\n    error: modelsError,\n  } = useProviderModels(selectedProvider);\n\n  const verifiedProviders = React.useMemo(\n    () => providers.filter((p) => p.verified),\n    [providers],\n  );\n  const unverifiedProviders = React.useMemo(\n    () => providers.filter((p) => !p.verified),\n    [providers],\n  );\n\n  const verifiedModels = React.useMemo(\n    () => providerModels.filter((m) => m.verified),\n    [providerModels],\n  );\n  const unverifiedModels = React.useMemo(\n    () => providerModels.filter((m) => !m.verified),\n    [providerModels],\n  );\n\n  React.useEffect(() => {\n    if (currentModel) {\n      const { provider, model } = extractModelAndProvider(currentModel);\n\n      setLitellmId(currentModel);\n      setSelectedProvider(provider || null);\n      setSelectedModel(model);\n      onDefaultValuesChanged?.(provider || null, model);\n    }\n  }, [currentModel]);\n\n  const handleChangeProvider = (provider: string) => {\n    setSelectedProvider(provider);\n    setSelectedModel(null);\n    setLitellmId(`${provider}/`);\n    onChange?.(provider, null);\n  };\n\n  const handleChangeModel = (model: string) => {\n    let fullModel = `${selectedProvider}/${model}`;\n    if (selectedProvider === \"openai\") {\n      fullModel = model;\n    }\n    setLitellmId(fullModel);\n    setSelectedModel(model);\n    onChange?.(selectedProvider, model);\n  };\n\n  const clear = () => {\n    setSelectedProvider(null);\n    setLitellmId(null);\n  };\n\n  const selectedFullModel =\n    selectedProvider && selectedModel\n      ? `${selectedProvider}/${selectedModel}`\n      : null;\n  const isSelectedModelFree = isFreeOpenHandsModel(selectedFullModel);\n  const selectedModelMeasureRef = React.useRef<HTMLSpanElement>(null);\n  const [selectedModelTextWidth, setSelectedModelTextWidth] = React.useState(0);\n\n  React.useLayoutEffect(() => {\n    if (!isSelectedModelFree || !selectedModelMeasureRef.current) {\n      setSelectedModelTextWidth(0);\n      return undefined;\n    }\n\n    const measureSelectedModel = () => {\n      setSelectedModelTextWidth(\n        Math.ceil(\n          selectedModelMeasureRef.current?.getBoundingClientRect().width ?? 0,\n        ),\n      );\n    };\n    measureSelectedModel();\n\n    if (typeof ResizeObserver === \"undefined\") {\n      return undefined;\n    }\n\n    const observer = new ResizeObserver(measureSelectedModel);\n    observer.observe(selectedModelMeasureRef.current);\n    return () => observer.disconnect();\n  }, [isSelectedModelFree, selectedModel]);\n\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col md:flex-row w-full min-w-0 justify-between gap-4 md:gap-[46px]\",\n        wrapperClassName,\n      )}\n    >\n      <fieldset className=\"flex flex-col gap-2.5 w-full\">\n        <label className={cn(\"text-sm\", labelClassName)}>\n          {t(I18nKey.LLM$PROVIDER)}\n        </label>\n        <Autocomplete\n          data-testid=\"llm-provider-input\"\n          isRequired\n          isVirtualized={false}\n          name=\"llm-provider-input\"\n          isDisabled={isDisabled}\n          aria-label={t(I18nKey.LLM$PROVIDER)}\n          isClearable={false}\n          onSelectionChange={(e) => {\n            if (e?.toString()) handleChangeProvider(e.toString());\n          }}\n          onInputChange={(value) => !value && clear()}\n          defaultSelectedKey={selectedProvider ?? undefined}\n          selectedKey={selectedProvider}\n          classNames={{\n            popoverContent:\n              \"bg-content1 rounded-xl border border-[var(--oh-border)]\",\n            selectorButton: heroUiAutocompleteSelectorButtonClassName,\n          }}\n          selectorButtonProps={{ disableRipple: true }}\n          inputProps={{\n            classNames: {\n              inputWrapper: formControlSettingsFieldClassName,\n            },\n          }}\n        >\n          <AutocompleteSection\n            title={t(I18nKey.MODEL_SELECTOR$VERIFIED)}\n            classNames={{ heading: \"text-[var(--oh-muted)]\" }}\n          >\n            {verifiedProviders.map((provider) => (\n              <AutocompleteItem\n                data-testid={`provider-item-${provider.name}`}\n                key={provider.name}\n              >\n                {mapProvider(provider.name)}\n              </AutocompleteItem>\n            ))}\n          </AutocompleteSection>\n          {unverifiedProviders.length > 0 ? (\n            <AutocompleteSection\n              title={t(I18nKey.MODEL_SELECTOR$OTHERS)}\n              classNames={{ heading: \"text-[var(--oh-muted)]\" }}\n            >\n              {unverifiedProviders.map((provider) => (\n                <AutocompleteItem key={provider.name}>\n                  {mapProvider(provider.name)}\n                </AutocompleteItem>\n              ))}\n            </AutocompleteSection>\n          ) : null}\n        </Autocomplete>\n      </fieldset>\n\n      {selectedProvider === \"openhands\" && (\n        <div className=\"flex flex-col gap-2\">\n          <HelpLink\n            testId=\"openhands-account-help\"\n            text={t(I18nKey.SETTINGS$NEED_OPENHANDS_ACCOUNT)}\n            linkText={t(I18nKey.SETTINGS$CLICK_HERE)}\n            href={PRODUCT_URL.PRODUCTION}\n            size=\"settings\"\n            linkColor=\"white\"\n          />\n        </div>\n      )}\n\n      <fieldset className=\"flex flex-col gap-2.5 w-full\">\n        <label className={cn(\"text-sm\", labelClassName)}>\n          {t(I18nKey.LLM$MODEL)}\n        </label>\n        <div className=\"relative\">\n          <Autocomplete\n            data-testid=\"llm-model-input\"\n            isRequired\n            isVirtualized={false}\n            isLoading={isLoadingModels}\n            name=\"llm-model-input\"\n            aria-label={t(I18nKey.LLM$MODEL)}\n            isClearable={false}\n            onSelectionChange={(e) => {\n              if (e?.toString()) handleChangeModel(e.toString());\n            }}\n            isDisabled={isDisabled || !selectedProvider}\n            selectedKey={selectedModel}\n            defaultSelectedKey={selectedModel ?? undefined}\n            classNames={{\n              popoverContent:\n                \"bg-content1 rounded-xl border border-[var(--oh-border)]\",\n              selectorButton: heroUiAutocompleteSelectorButtonClassName,\n            }}\n            selectorButtonProps={{ disableRipple: true }}\n            inputProps={{\n              classNames: {\n                inputWrapper: formControlSettingsFieldClassName,\n              },\n            }}\n          >\n            <AutocompleteSection\n              title={t(I18nKey.MODEL_SELECTOR$VERIFIED)}\n              classNames={{ heading: \"text-[var(--oh-muted)]\" }}\n            >\n              {verifiedModels.map((model) => (\n                <AutocompleteItem key={model.name} textValue={model.name}>\n                  <span className=\"flex min-w-0 items-center gap-2\">\n                    <span className=\"truncate\">{model.name}</span>\n                    {isFreeOpenHandsModel(\n                      `${selectedProvider}/${model.name}`,\n                    ) ? (\n                      <span className={freeModelBadgeClassName}>\n                        {FREE_MODEL_BADGE_LABEL}\n                      </span>\n                    ) : null}\n                  </span>\n                </AutocompleteItem>\n              ))}\n            </AutocompleteSection>\n            {unverifiedModels.length > 0 ? (\n              <AutocompleteSection\n                title={t(I18nKey.MODEL_SELECTOR$OTHERS)}\n                classNames={{ heading: \"text-[var(--oh-muted)]\" }}\n              >\n                {unverifiedModels.map((model) => (\n                  <AutocompleteItem\n                    data-testid={`model-item-${model.name}`}\n                    key={model.name}\n                    textValue={model.name}\n                  >\n                    {model.name}\n                  </AutocompleteItem>\n                ))}\n              </AutocompleteSection>\n            ) : null}\n          </Autocomplete>\n          {isSelectedModelFree && selectedModel ? (\n            <>\n              <span\n                ref={selectedModelMeasureRef}\n                className=\"pointer-events-none absolute left-3 top-1/2 whitespace-pre text-sm opacity-0\"\n                aria-hidden\n              >\n                {selectedModel}\n              </span>\n              <span\n                data-testid=\"selected-free-model-badge\"\n                className={cn(\n                  freeModelBadgeClassName,\n                  \"pointer-events-none absolute top-1/2 z-10 -translate-y-1/2\",\n                )}\n                style={{\n                  left: `calc(0.75rem + ${selectedModelTextWidth}px + 0.5rem)`,\n                }}\n              >\n                {FREE_MODEL_BADGE_LABEL}\n              </span>\n            </>\n          ) : null}\n        </div>\n        {modelsError && (\n          <p data-testid=\"models-error\" className=\"text-danger text-xs\">\n            {t(I18nKey.CONFIGURATION$ERROR_FETCH_MODELS)}\n          </p>\n        )}\n        {selectedProvider === \"openhands\" ? <FreeOpenHandsModelsNote /> : null}\n      </fieldset>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/config/defaults.cjs

@@ -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.40.1`,agentCanvas:`1.11.0`,automation:`1.6.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},paths:{stateSubdir:`agent-canvas`,conversations:`agent-canvas/conversations`,bashEvents:`agent-canvas/bash_events`,automationDb:`automation/automations.db`,canvasBasePath:`/canvas`},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.42.1`,agentCanvas:`1.13.0`,automation:`1.7.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},paths:{stateSubdir:`agent-canvas`,conversations:`agent-canvas/conversations`,bashEvents:`agent-canvas/bash_events`,automationDb:`automation/automations.db`,canvasBasePath:`/canvas`},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

@@ -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.40.1\",\n    \"agentCanvas\": \"1.11.0\",\n    \"automation\": \"1.6.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  },\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  },\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":""}
+{"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.42.1\",\n    \"agentCanvas\": \"1.13.0\",\n    \"automation\": \"1.7.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  },\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  },\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

@@ -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.40.1",
-		agentCanvas: "1.11.0",
-		automation: "1.6.0"
+		agentServer: "1.42.1",
+		agentCanvas: "1.13.0",
+		automation: "1.7.1"
 	},
 	compatibility: { minimumAgentServer: "1.28.0" },
 	constraints: {

package/dist/config/defaults.js.map

@@ -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.40.1\",\n    \"agentCanvas\": \"1.11.0\",\n    \"automation\": \"1.6.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  },\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  },\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":""}
+{"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.42.1\",\n    \"agentCanvas\": \"1.13.0\",\n    \"automation\": \"1.7.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  },\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  },\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/llm-balance.cjs

@@ -0,0 +1,2 @@
+require("../_virtual/_rolldown/runtime.cjs");var e=`/api/llm/balance`,t=1e4;exports.LLM_BALANCE_PATH=e,exports.LLM_BALANCE_TIMEOUT_MS=t;
+//# sourceMappingURL=llm-balance.cjs.map

package/dist/constants/llm-balance.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"llm-balance.cjs","names":[],"sources":["../../src/constants/llm-balance.ts"],"sourcesContent":["/**\n * Agent-server endpoint reporting the LLM provider's credit balance.\n * Servers without balance support (or providers that can't report one)\n * answer 404 — callers must treat that as \"hide the balance UI\".\n */\nexport const LLM_BALANCE_PATH = \"/api/llm/balance\";\n\n/**\n * Ceiling on a single balance request. A server that accepts the connection\n * and then never answers would otherwise leave the request in flight forever:\n * the query sets `retry: false`, which suppresses retries but does not bound a\n * stuck request, so the balance card would stay hidden with nothing surfaced.\n */\nexport const LLM_BALANCE_TIMEOUT_MS = 10_000;\n"],"mappings":"6CAKA,IAAa,EAAmB,mBAQnB,EAAyB"}

package/dist/constants/llm-balance.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Agent-server endpoint reporting the LLM provider's credit balance.
+ * Servers without balance support (or providers that can't report one)
+ * answer 404 — callers must treat that as "hide the balance UI".
+ */
+export declare const LLM_BALANCE_PATH = "/api/llm/balance";
+/**
+ * Ceiling on a single balance request. A server that accepts the connection
+ * and then never answers would otherwise leave the request in flight forever:
+ * the query sets `retry: false`, which suppresses retries but does not bound a
+ * stuck request, so the balance card would stay hidden with nothing surfaced.
+ */
+export declare const LLM_BALANCE_TIMEOUT_MS = 10000;

package/dist/constants/llm-balance.js

@@ -0,0 +1,6 @@
+//#region src/constants/llm-balance.ts
+var e = "/api/llm/balance", t = 1e4;
+//#endregion
+export { e as LLM_BALANCE_PATH, t as LLM_BALANCE_TIMEOUT_MS };
+
+//# sourceMappingURL=llm-balance.js.map

package/dist/constants/llm-balance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"llm-balance.js","names":[],"sources":["../../src/constants/llm-balance.ts"],"sourcesContent":["/**\n * Agent-server endpoint reporting the LLM provider's credit balance.\n * Servers without balance support (or providers that can't report one)\n * answer 404 — callers must treat that as \"hide the balance UI\".\n */\nexport const LLM_BALANCE_PATH = \"/api/llm/balance\";\n\n/**\n * Ceiling on a single balance request. A server that accepts the connection\n * and then never answers would otherwise leave the request in flight forever:\n * the query sets `retry: false`, which suppresses retries but does not bound a\n * stuck request, so the balance card would stay hidden with nothing surfaced.\n */\nexport const LLM_BALANCE_TIMEOUT_MS = 10_000;\n"],"mappings":";AAKA,IAAa,IAAmB,oBAQnB,IAAyB"}

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

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