@openhands/agent-canvas 1.0.0-rc.11 → 1.0.0-rc.12

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

@@ -12,125 +12,119 @@ import { extractModelAndProvider as u } from "../../../../utils/extract-model-an
 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 { useOpenhandsVerifiedModels as m } from "../../../../hooks/query/use-openhands-verified-models.js";
-import { normalizeDisplayModel as h } from "../../../../utils/normalize-display-model.js";
-import g from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import m from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/shared/modals/settings/model-selector.tsx
-function y({ isDisabled: y, currentModel: b, currentBaseUrl: x, onChange: S, onDefaultValuesChanged: C, wrapperClassName: w, labelClassName: T }) {
-	let [, E] = g.useState(null), [D, O] = g.useState(null), [k, A] = g.useState(null), { data: j = [] } = f(), { data: M } = m(), { data: N = [], isLoading: P, error: F } = p(D), I = g.useMemo(() => j.filter((e) => e.verified), [j]), L = g.useMemo(() => j.filter((e) => !e.verified), [j]), R = g.useMemo(() => N.filter((e) => e.verified), [N]), z = g.useMemo(() => N.filter((e) => !e.verified), [N]);
-	g.useEffect(() => {
-		if (b && M !== void 0) {
-			let e = h(b, x, M), { provider: t, model: n } = u(e);
-			E(e), O(t || null), A(n), C?.(t || null, n);
+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);
 		}
-	}, [
-		b,
-		x,
-		M
-	]);
-	let B = (e) => {
-		O(e), A(null), E(`${e}/`), S?.(e, null);
-	}, V = (e) => {
-		let t = `${D}/${e}`;
-		D === "openai" && (t = e), E(t), A(e), S?.(D, e);
-	}, H = () => {
-		O(null), E(null);
-	}, { t: U } = e("openhands");
-	return /* @__PURE__ */ v("div", {
-		className: r("flex flex-col md:flex-row w-full min-w-0 justify-between gap-4 md:gap-[46px]", w),
+	}, [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),
 		children: [
-			/* @__PURE__ */ v("fieldset", {
+			/* @__PURE__ */ g("fieldset", {
 				className: "flex flex-col gap-2.5 w-full",
-				children: [/* @__PURE__ */ _("label", {
-					className: r("text-sm", T),
-					children: U(t.LLM$PROVIDER)
-				}), /* @__PURE__ */ v(s, {
+				children: [/* @__PURE__ */ h("label", {
+					className: r("text-sm", S),
+					children: z(t.LLM$PROVIDER)
+				}), /* @__PURE__ */ g(s, {
 					"data-testid": "llm-provider-input",
 					isRequired: !0,
 					isVirtualized: !1,
 					name: "llm-provider-input",
-					isDisabled: y,
-					"aria-label": U(t.LLM$PROVIDER),
+					isDisabled: _,
+					"aria-label": z(t.LLM$PROVIDER),
 					isClearable: !1,
 					onSelectionChange: (e) => {
-						e?.toString() && B(e.toString());
+						e?.toString() && I(e.toString());
 					},
-					onInputChange: (e) => !e && H(),
-					defaultSelectedKey: D ?? void 0,
-					selectedKey: D,
+					onInputChange: (e) => !e && R(),
+					defaultSelectedKey: w ?? void 0,
+					selectedKey: w,
 					classNames: {
 						popoverContent: "bg-content1 rounded-xl border border-[var(--oh-border)]",
 						selectorButton: c
 					},
 					selectorButtonProps: { disableRipple: !0 },
 					inputProps: { classNames: { inputWrapper: i } },
-					children: [/* @__PURE__ */ _(o, {
-						title: U(t.MODEL_SELECTOR$VERIFIED),
+					children: [/* @__PURE__ */ h(o, {
+						title: z(t.MODEL_SELECTOR$VERIFIED),
 						classNames: { heading: "text-[var(--oh-muted)]" },
-						children: I.map((e) => /* @__PURE__ */ _(a, {
+						children: M.map((e) => /* @__PURE__ */ h(a, {
 							"data-testid": `provider-item-${e.name}`,
 							children: l(e.name)
 						}, e.name))
-					}), L.length > 0 ? /* @__PURE__ */ _(o, {
-						title: U(t.MODEL_SELECTOR$OTHERS),
+					}), N.length > 0 ? /* @__PURE__ */ h(o, {
+						title: z(t.MODEL_SELECTOR$OTHERS),
 						classNames: { heading: "text-[var(--oh-muted)]" },
-						children: L.map((e) => /* @__PURE__ */ _(a, { children: l(e.name) }, e.name))
+						children: N.map((e) => /* @__PURE__ */ h(a, { children: l(e.name) }, e.name))
 					}) : null]
 				})]
 			}),
-			D === "openhands" && /* @__PURE__ */ _(d, {
+			w === "openhands" && /* @__PURE__ */ h(d, {
 				testId: "openhands-account-help",
-				text: U(t.SETTINGS$NEED_OPENHANDS_ACCOUNT),
-				linkText: U(t.SETTINGS$CLICK_HERE),
+				text: z(t.SETTINGS$NEED_OPENHANDS_ACCOUNT),
+				linkText: z(t.SETTINGS$CLICK_HERE),
 				href: n.PRODUCTION,
 				size: "settings",
 				linkColor: "white"
 			}),
-			/* @__PURE__ */ v("fieldset", {
+			/* @__PURE__ */ g("fieldset", {
 				className: "flex flex-col gap-2.5 w-full",
 				children: [
-					/* @__PURE__ */ _("label", {
-						className: r("text-sm", T),
-						children: U(t.LLM$MODEL)
+					/* @__PURE__ */ h("label", {
+						className: r("text-sm", S),
+						children: z(t.LLM$MODEL)
 					}),
-					/* @__PURE__ */ v(s, {
+					/* @__PURE__ */ g(s, {
 						"data-testid": "llm-model-input",
 						isRequired: !0,
 						isVirtualized: !1,
-						isLoading: P,
+						isLoading: A,
 						name: "llm-model-input",
-						"aria-label": U(t.LLM$MODEL),
+						"aria-label": z(t.LLM$MODEL),
 						isClearable: !1,
 						onSelectionChange: (e) => {
-							e?.toString() && V(e.toString());
+							e?.toString() && L(e.toString());
 						},
-						isDisabled: y || !D,
-						selectedKey: k,
-						defaultSelectedKey: k ?? void 0,
+						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__ */ _(o, {
-							title: U(t.MODEL_SELECTOR$VERIFIED),
+						children: [/* @__PURE__ */ h(o, {
+							title: z(t.MODEL_SELECTOR$VERIFIED),
 							classNames: { heading: "text-[var(--oh-muted)]" },
-							children: R.map((e) => /* @__PURE__ */ _(a, { children: e.name }, e.name))
-						}), z.length > 0 ? /* @__PURE__ */ _(o, {
-							title: U(t.MODEL_SELECTOR$OTHERS),
+							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: z.map((e) => /* @__PURE__ */ _(a, {
+							children: F.map((e) => /* @__PURE__ */ h(a, {
 								"data-testid": `model-item-${e.name}`,
 								children: e.name
 							}, e.name))
 						}) : null]
 					}),
-					F && /* @__PURE__ */ _("p", {
+					j && /* @__PURE__ */ h("p", {
 						"data-testid": "models-error",
 						className: "text-danger text-xs",
-						children: U(t.CONFIGURATION$ERROR_FETCH_MODELS)
+						children: z(t.CONFIGURATION$ERROR_FETCH_MODELS)
 					})
 				]
 			})
@@ -138,6 +132,6 @@ function y({ isDisabled: y, currentModel: b, currentBaseUrl: x, onChange: S, onD
 	});
 }
 //#endregion
-export { y as ModelSelector };
+export { _ 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\";\nimport { useOpenhandsVerifiedModels } from \"#/hooks/query/use-openhands-verified-models\";\nimport { normalizeDisplayModel } from \"#/utils/normalize-display-model\";\n\ninterface ModelSelectorProps {\n  isDisabled?: boolean;\n  currentModel?: string;\n  currentBaseUrl?: 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  currentBaseUrl,\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 { data: openhandsVerifiedModels } = useOpenhandsVerifiedModels();\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    // Wait for the openhands verified list before initializing — otherwise a\n    // persisted `litellm_proxy/<m>` model would first land as `litellm_proxy`\n    // and only later flip to `openhands`, triggering a redundant /api/llm/models\n    // fetch for the throwaway provider value.\n    if (currentModel && openhandsVerifiedModels !== undefined) {\n      const displayModel = normalizeDisplayModel(\n        currentModel,\n        currentBaseUrl,\n        openhandsVerifiedModels,\n      );\n      const { provider, model } = extractModelAndProvider(displayModel);\n\n      setLitellmId(displayModel);\n      setSelectedProvider(provider || null);\n      setSelectedModel(model);\n      onDefaultValuesChanged?.(provider || null, model);\n    }\n  }, [currentModel, currentBaseUrl, openhandsVerifiedModels]);\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 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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"}

package/dist/components/shared/modals/settings/settings-form.cjs

@@ -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(`../../../../utils/constants.cjs`),i=require(`../../../../context/navigation-context.cjs`),a=require(`../../../../hooks/use-tracking.cjs`),o=require(`../modal-backdrop.cjs`),s=require(`../../../features/settings/brand-button.cjs`),c=require(`../../../../utils/settings-utils.cjs`),l=require(`../../../../hooks/mutation/use-save-settings.cjs`),u=require(`../../../features/settings/settings-input.cjs`),d=require(`../../../../ui/help-link.cjs`),f=require(`./model-selector.cjs`),p=require(`../../../../utils/sdk-settings-schema.cjs`),m=require(`../confirmation-modals/danger-modal.cjs`);let h=require(`react`);h=e.__toESM(h,1);let g=require(`react/jsx-runtime`);function _({settings:e,onClose:_}){let{trackSettingsSaved:v}=a.useTracking(),{mutate:y}=l.useSaveSettings(),{currentPath:b}=i.useNavigation(),{t:x}=t.useTranslation(`openhands`),S=h.default.useRef(null),[C,w]=h.default.useState(!1),T=async e=>{let t=c.extractSettings(e);await y(t,{onSuccess:()=>{_();let e=t.agent_settings_diff?.llm??{};v({llmModel:e.model,llmApiKeySet:e.api_key?`SET`:`UNSET`,searchApiKeySet:t.search_api_key?`SET`:`UNSET`,remoteRuntimeResourceFactor:t.remote_runtime_resource_factor})}})},E=()=>{T(new FormData(S.current??void 0))},D=e=>{e.preventDefault();let t=new FormData(e.currentTarget);b.startsWith(`/conversations/`)?w(!0):T(t)},O=e.llm_api_key_set,k=p.getAgentSettingValue(e,`llm.model`),A=p.getAgentSettingValue(e,`llm.base_url`);return(0,g.jsxs)(`div`,{children:[(0,g.jsxs)(`form`,{ref:S,"data-testid":`settings-form`,className:`flex flex-col gap-6`,onSubmit:D,children:[(0,g.jsxs)(`div`,{className:`flex flex-col gap-[17px]`,children:[(0,g.jsx)(f.ModelSelector,{currentModel:typeof k==`string`?k:void 0,currentBaseUrl:typeof A==`string`?A:void 0,wrapperClassName:`!flex-col !gap-[17px]`,labelClassName:r.SETTINGS_FORM.LABEL_CLASSNAME}),(0,g.jsx)(u.SettingsInput,{testId:`llm-api-key-input`,name:`llm-api-key-input`,label:x(n.I18nKey.SETTINGS_FORM$API_KEY),type:`password`,className:`w-full`,placeholder:O?`<hidden>`:``,labelClassName:r.SETTINGS_FORM.LABEL_CLASSNAME}),(0,g.jsx)(d.HelpLink,{testId:`llm-api-key-help-anchor`,text:x(n.I18nKey.SETTINGS$DONT_KNOW_API_KEY),linkText:x(n.I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS),href:`https://docs.openhands.dev/usage/local-setup#getting-an-api-key`,size:`settings`,linkColor:`white`})]}),(0,g.jsx)(`div`,{className:`flex flex-col gap-2`,children:(0,g.jsx)(s.BrandButton,{testId:`save-settings-button`,type:`submit`,variant:`primary`,className:`w-full`,children:x(n.I18nKey.BUTTON$SAVE)})})]}),C&&(0,g.jsx)(o.ModalBackdrop,{children:(0,g.jsx)(m.DangerModal,{title:x(n.I18nKey.MODAL$END_SESSION_TITLE),description:x(n.I18nKey.MODAL$END_SESSION_MESSAGE),buttons:{danger:{text:x(n.I18nKey.BUTTON$END_SESSION),onClick:E},cancel:{text:x(n.I18nKey.BUTTON$CANCEL),onClick:()=>w(!1)}}})})]})}exports.SettingsForm=_;
+const e=require(`../../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../../i18n/declaration.cjs`),r=require(`../../../../utils/constants.cjs`),i=require(`../../../../context/navigation-context.cjs`),a=require(`../../../../hooks/use-tracking.cjs`),o=require(`../modal-backdrop.cjs`),s=require(`../../../features/settings/brand-button.cjs`),c=require(`../../../../utils/settings-utils.cjs`),l=require(`../../../../hooks/mutation/use-save-settings.cjs`),u=require(`../../../features/settings/settings-input.cjs`),d=require(`../../../../ui/help-link.cjs`),f=require(`./model-selector.cjs`),p=require(`../../../../utils/sdk-settings-schema.cjs`),m=require(`../confirmation-modals/danger-modal.cjs`);let h=require(`react`);h=e.__toESM(h,1);let g=require(`react/jsx-runtime`);function _({settings:e,onClose:_}){let{trackSettingsSaved:v}=a.useTracking(),{mutate:y}=l.useSaveSettings(),{currentPath:b}=i.useNavigation(),{t:x}=t.useTranslation(`openhands`),S=h.default.useRef(null),[C,w]=h.default.useState(!1),T=async e=>{let t=c.extractSettings(e);await y(t,{onSuccess:()=>{_();let e=t.agent_settings_diff?.llm??{};v({llmModel:e.model,llmApiKeySet:e.api_key?`SET`:`UNSET`,searchApiKeySet:t.search_api_key?`SET`:`UNSET`,remoteRuntimeResourceFactor:t.remote_runtime_resource_factor})}})},E=()=>{T(new FormData(S.current??void 0))},D=e=>{e.preventDefault();let t=new FormData(e.currentTarget);b.startsWith(`/conversations/`)?w(!0):T(t)},O=e.llm_api_key_set,k=p.getAgentSettingValue(e,`llm.model`);return(0,g.jsxs)(`div`,{children:[(0,g.jsxs)(`form`,{ref:S,"data-testid":`settings-form`,className:`flex flex-col gap-6`,onSubmit:D,children:[(0,g.jsxs)(`div`,{className:`flex flex-col gap-[17px]`,children:[(0,g.jsx)(f.ModelSelector,{currentModel:typeof k==`string`?k:void 0,wrapperClassName:`!flex-col !gap-[17px]`,labelClassName:r.SETTINGS_FORM.LABEL_CLASSNAME}),(0,g.jsx)(u.SettingsInput,{testId:`llm-api-key-input`,name:`llm-api-key-input`,label:x(n.I18nKey.SETTINGS_FORM$API_KEY),type:`password`,className:`w-full`,placeholder:O?`<hidden>`:``,labelClassName:r.SETTINGS_FORM.LABEL_CLASSNAME}),(0,g.jsx)(d.HelpLink,{testId:`llm-api-key-help-anchor`,text:x(n.I18nKey.SETTINGS$DONT_KNOW_API_KEY),linkText:x(n.I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS),href:`https://docs.openhands.dev/usage/local-setup#getting-an-api-key`,size:`settings`,linkColor:`white`})]}),(0,g.jsx)(`div`,{className:`flex flex-col gap-2`,children:(0,g.jsx)(s.BrandButton,{testId:`save-settings-button`,type:`submit`,variant:`primary`,className:`w-full`,children:x(n.I18nKey.BUTTON$SAVE)})})]}),C&&(0,g.jsx)(o.ModalBackdrop,{children:(0,g.jsx)(m.DangerModal,{title:x(n.I18nKey.MODAL$END_SESSION_TITLE),description:x(n.I18nKey.MODAL$END_SESSION_MESSAGE),buttons:{danger:{text:x(n.I18nKey.BUTTON$END_SESSION),onClick:E},cancel:{text:x(n.I18nKey.BUTTON$CANCEL),onClick:()=>w(!1)}}})})]})}exports.SettingsForm=_;
 //# sourceMappingURL=settings-form.cjs.map

package/dist/components/shared/modals/settings/settings-form.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"settings-form.cjs","names":[],"sources":["../../../../../src/components/shared/modals/settings/settings-form.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport React from \"react\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { DangerModal } from \"../confirmation-modals/danger-modal\";\nimport { extractSettings } from \"#/utils/settings-utils\";\nimport { ModalBackdrop } from \"../modal-backdrop\";\nimport { ModelSelector } from \"./model-selector\";\nimport { Settings } from \"#/types/settings\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { useSaveSettings } from \"#/hooks/mutation/use-save-settings\";\nimport { getAgentSettingValue } from \"#/utils/sdk-settings-schema\";\nimport { SETTINGS_FORM } from \"#/utils/constants\";\n\ninterface SettingsFormProps {\n  settings: Settings;\n  onClose: () => void;\n}\n\nexport function SettingsForm({ settings, onClose }: SettingsFormProps) {\n  const { trackSettingsSaved } = useTracking();\n  const { mutate: saveUserSettings } = useSaveSettings();\n  const { currentPath } = useNavigation();\n  const { t } = useTranslation(\"openhands\");\n\n  const formRef = React.useRef<HTMLFormElement>(null);\n\n  const [confirmEndSessionModalOpen, setConfirmEndSessionModalOpen] =\n    React.useState(false);\n\n  const handleFormSubmission = async (formData: FormData) => {\n    const newSettings = extractSettings(formData);\n\n    await saveUserSettings(newSettings, {\n      onSuccess: () => {\n        onClose();\n\n        const agentLlm =\n          ((newSettings.agent_settings_diff as Record<string, unknown>)\n            ?.llm as Record<string, unknown>) ?? {};\n        trackSettingsSaved({\n          llmModel: agentLlm.model,\n          llmApiKeySet: agentLlm.api_key ? \"SET\" : \"UNSET\",\n          searchApiKeySet: newSettings.search_api_key ? \"SET\" : \"UNSET\",\n          remoteRuntimeResourceFactor:\n            newSettings.remote_runtime_resource_factor,\n        });\n      },\n    });\n  };\n\n  const handleConfirmEndSession = () => {\n    const formData = new FormData(formRef.current ?? undefined);\n    handleFormSubmission(formData);\n  };\n\n  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    const formData = new FormData(event.currentTarget);\n\n    if (currentPath.startsWith(\"/conversations/\")) {\n      setConfirmEndSessionModalOpen(true);\n    } else {\n      handleFormSubmission(formData);\n    }\n  };\n\n  const isLLMKeySet = settings.llm_api_key_set;\n  const currentModel = getAgentSettingValue(settings, \"llm.model\");\n  const currentBaseUrl = getAgentSettingValue(settings, \"llm.base_url\");\n\n  return (\n    <div>\n      <form\n        ref={formRef}\n        data-testid=\"settings-form\"\n        className=\"flex flex-col gap-6\"\n        onSubmit={handleSubmit}\n      >\n        <div className=\"flex flex-col gap-[17px]\">\n          <ModelSelector\n            currentModel={\n              typeof currentModel === \"string\" ? currentModel : undefined\n            }\n            currentBaseUrl={\n              typeof currentBaseUrl === \"string\" ? currentBaseUrl : undefined\n            }\n            wrapperClassName=\"!flex-col !gap-[17px]\"\n            labelClassName={SETTINGS_FORM.LABEL_CLASSNAME}\n          />\n\n          <SettingsInput\n            testId=\"llm-api-key-input\"\n            name=\"llm-api-key-input\"\n            label={t(I18nKey.SETTINGS_FORM$API_KEY)}\n            type=\"password\"\n            className=\"w-full\"\n            placeholder={isLLMKeySet ? \"<hidden>\" : \"\"}\n            labelClassName={SETTINGS_FORM.LABEL_CLASSNAME}\n          />\n\n          <HelpLink\n            testId=\"llm-api-key-help-anchor\"\n            text={t(I18nKey.SETTINGS$DONT_KNOW_API_KEY)}\n            linkText={t(I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS)}\n            href=\"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\"\n            size=\"settings\"\n            linkColor=\"white\"\n          />\n        </div>\n\n        <div className=\"flex flex-col gap-2\">\n          <BrandButton\n            testId=\"save-settings-button\"\n            type=\"submit\"\n            variant=\"primary\"\n            className=\"w-full\"\n          >\n            {t(I18nKey.BUTTON$SAVE)}\n          </BrandButton>\n        </div>\n      </form>\n\n      {confirmEndSessionModalOpen && (\n        <ModalBackdrop>\n          <DangerModal\n            title={t(I18nKey.MODAL$END_SESSION_TITLE)}\n            description={t(I18nKey.MODAL$END_SESSION_MESSAGE)}\n            buttons={{\n              danger: {\n                text: t(I18nKey.BUTTON$END_SESSION),\n                onClick: handleConfirmEndSession,\n              },\n              cancel: {\n                text: t(I18nKey.BUTTON$CANCEL),\n                onClick: () => setConfirmEndSessionModalOpen(false),\n              },\n            }}\n          />\n        </ModalBackdrop>\n      )}\n    </div>\n  );\n}\n"],"mappings":"01BAsBA,SAAgB,EAAa,CAAE,WAAU,WAA8B,CACrE,GAAM,CAAE,sBAAuB,EAAA,aAAa,CACtC,CAAE,OAAQ,GAAqB,EAAA,iBAAiB,CAChD,CAAE,eAAgB,EAAA,eAAe,CACjC,CAAE,KAAM,EAAA,eAAe,YAAY,CAEnC,EAAU,EAAA,QAAM,OAAwB,KAAK,CAE7C,CAAC,EAA4B,GACjC,EAAA,QAAM,SAAS,GAAM,CAEjB,EAAuB,KAAO,IAAuB,CACzD,IAAM,EAAc,EAAA,gBAAgB,EAAS,CAE7C,MAAM,EAAiB,EAAa,CAClC,cAAiB,CACf,GAAS,CAET,IAAM,EACF,EAAY,qBACV,KAAmC,EAAE,CAC3C,EAAmB,CACjB,SAAU,EAAS,MACnB,aAAc,EAAS,QAAU,MAAQ,QACzC,gBAAiB,EAAY,eAAiB,MAAQ,QACtD,4BACE,EAAY,+BACf,CAAC,EAEL,CAAC,EAGE,MAAgC,CAEpC,EAAqB,IADA,SAAS,EAAQ,SAAW,IAAA,GAC5B,CAAS,EAG1B,EAAgB,GAA4C,CAChE,EAAM,gBAAgB,CACtB,IAAM,EAAW,IAAI,SAAS,EAAM,cAAc,CAE9C,EAAY,WAAW,kBAAkB,CAC3C,EAA8B,GAAK,CAEnC,EAAqB,EAAS,EAI5B,EAAc,EAAS,gBACvB,EAAe,EAAA,qBAAqB,EAAU,YAAY,CAC1D,EAAiB,EAAA,qBAAqB,EAAU,eAAe,CAErE,OACE,EAAA,EAAA,MAAC,MAAD,CAAA,SAAA,EACE,EAAA,EAAA,MAAC,OAAD,CACE,IAAK,EACL,cAAY,gBACZ,UAAU,sBACV,SAAU,WAJZ,EAME,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oCAAf,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,aACE,OAAO,GAAiB,SAAW,EAAe,IAAA,GAEpD,eACE,OAAO,GAAmB,SAAW,EAAiB,IAAA,GAExD,iBAAiB,wBACjB,eAAgB,EAAA,cAAc,gBAC9B,CAAA,EAEF,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAO,oBACP,KAAK,oBACL,MAAO,EAAE,EAAA,QAAQ,sBAAsB,CACvC,KAAK,WACL,UAAU,SACV,YAAa,EAAc,WAAa,GACxC,eAAgB,EAAA,cAAc,gBAC9B,CAAA,EAEF,EAAA,EAAA,KAAC,EAAA,SAAD,CACE,OAAO,0BACP,KAAM,EAAE,EAAA,QAAQ,2BAA2B,CAC3C,SAAU,EAAE,EAAA,QAAQ,gCAAgC,CACpD,KAAK,kEACL,KAAK,WACL,UAAU,QACV,CAAA,CACE,IAEN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,gCACb,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,OAAO,uBACP,KAAK,SACL,QAAQ,UACR,UAAU,kBAET,EAAE,EAAA,QAAQ,YAAY,CACX,CAAA,CACV,CAAA,CACD,GAEN,IACC,EAAA,EAAA,KAAC,EAAA,cAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,MAAO,EAAE,EAAA,QAAQ,wBAAwB,CACzC,YAAa,EAAE,EAAA,QAAQ,0BAA0B,CACjD,QAAS,CACP,OAAQ,CACN,KAAM,EAAE,EAAA,QAAQ,mBAAmB,CACnC,QAAS,EACV,CACD,OAAQ,CACN,KAAM,EAAE,EAAA,QAAQ,cAAc,CAC9B,YAAe,EAA8B,GAAM,CACpD,CACF,CACD,CAAA,CACY,CAAA,CAEd,CAAA,CAAA"}
+{"version":3,"file":"settings-form.cjs","names":[],"sources":["../../../../../src/components/shared/modals/settings/settings-form.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport React from \"react\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { DangerModal } from \"../confirmation-modals/danger-modal\";\nimport { extractSettings } from \"#/utils/settings-utils\";\nimport { ModalBackdrop } from \"../modal-backdrop\";\nimport { ModelSelector } from \"./model-selector\";\nimport { Settings } from \"#/types/settings\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { useSaveSettings } from \"#/hooks/mutation/use-save-settings\";\nimport { getAgentSettingValue } from \"#/utils/sdk-settings-schema\";\nimport { SETTINGS_FORM } from \"#/utils/constants\";\n\ninterface SettingsFormProps {\n  settings: Settings;\n  onClose: () => void;\n}\n\nexport function SettingsForm({ settings, onClose }: SettingsFormProps) {\n  const { trackSettingsSaved } = useTracking();\n  const { mutate: saveUserSettings } = useSaveSettings();\n  const { currentPath } = useNavigation();\n  const { t } = useTranslation(\"openhands\");\n\n  const formRef = React.useRef<HTMLFormElement>(null);\n\n  const [confirmEndSessionModalOpen, setConfirmEndSessionModalOpen] =\n    React.useState(false);\n\n  const handleFormSubmission = async (formData: FormData) => {\n    const newSettings = extractSettings(formData);\n\n    await saveUserSettings(newSettings, {\n      onSuccess: () => {\n        onClose();\n\n        const agentLlm =\n          ((newSettings.agent_settings_diff as Record<string, unknown>)\n            ?.llm as Record<string, unknown>) ?? {};\n        trackSettingsSaved({\n          llmModel: agentLlm.model,\n          llmApiKeySet: agentLlm.api_key ? \"SET\" : \"UNSET\",\n          searchApiKeySet: newSettings.search_api_key ? \"SET\" : \"UNSET\",\n          remoteRuntimeResourceFactor:\n            newSettings.remote_runtime_resource_factor,\n        });\n      },\n    });\n  };\n\n  const handleConfirmEndSession = () => {\n    const formData = new FormData(formRef.current ?? undefined);\n    handleFormSubmission(formData);\n  };\n\n  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    const formData = new FormData(event.currentTarget);\n\n    if (currentPath.startsWith(\"/conversations/\")) {\n      setConfirmEndSessionModalOpen(true);\n    } else {\n      handleFormSubmission(formData);\n    }\n  };\n\n  const isLLMKeySet = settings.llm_api_key_set;\n  const currentModel = getAgentSettingValue(settings, \"llm.model\");\n\n  return (\n    <div>\n      <form\n        ref={formRef}\n        data-testid=\"settings-form\"\n        className=\"flex flex-col gap-6\"\n        onSubmit={handleSubmit}\n      >\n        <div className=\"flex flex-col gap-[17px]\">\n          <ModelSelector\n            currentModel={\n              typeof currentModel === \"string\" ? currentModel : undefined\n            }\n            wrapperClassName=\"!flex-col !gap-[17px]\"\n            labelClassName={SETTINGS_FORM.LABEL_CLASSNAME}\n          />\n\n          <SettingsInput\n            testId=\"llm-api-key-input\"\n            name=\"llm-api-key-input\"\n            label={t(I18nKey.SETTINGS_FORM$API_KEY)}\n            type=\"password\"\n            className=\"w-full\"\n            placeholder={isLLMKeySet ? \"<hidden>\" : \"\"}\n            labelClassName={SETTINGS_FORM.LABEL_CLASSNAME}\n          />\n\n          <HelpLink\n            testId=\"llm-api-key-help-anchor\"\n            text={t(I18nKey.SETTINGS$DONT_KNOW_API_KEY)}\n            linkText={t(I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS)}\n            href=\"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\"\n            size=\"settings\"\n            linkColor=\"white\"\n          />\n        </div>\n\n        <div className=\"flex flex-col gap-2\">\n          <BrandButton\n            testId=\"save-settings-button\"\n            type=\"submit\"\n            variant=\"primary\"\n            className=\"w-full\"\n          >\n            {t(I18nKey.BUTTON$SAVE)}\n          </BrandButton>\n        </div>\n      </form>\n\n      {confirmEndSessionModalOpen && (\n        <ModalBackdrop>\n          <DangerModal\n            title={t(I18nKey.MODAL$END_SESSION_TITLE)}\n            description={t(I18nKey.MODAL$END_SESSION_MESSAGE)}\n            buttons={{\n              danger: {\n                text: t(I18nKey.BUTTON$END_SESSION),\n                onClick: handleConfirmEndSession,\n              },\n              cancel: {\n                text: t(I18nKey.BUTTON$CANCEL),\n                onClick: () => setConfirmEndSessionModalOpen(false),\n              },\n            }}\n          />\n        </ModalBackdrop>\n      )}\n    </div>\n  );\n}\n"],"mappings":"01BAsBA,SAAgB,EAAa,CAAE,WAAU,WAA8B,CACrE,GAAM,CAAE,sBAAuB,EAAA,aAAa,CACtC,CAAE,OAAQ,GAAqB,EAAA,iBAAiB,CAChD,CAAE,eAAgB,EAAA,eAAe,CACjC,CAAE,KAAM,EAAA,eAAe,YAAY,CAEnC,EAAU,EAAA,QAAM,OAAwB,KAAK,CAE7C,CAAC,EAA4B,GACjC,EAAA,QAAM,SAAS,GAAM,CAEjB,EAAuB,KAAO,IAAuB,CACzD,IAAM,EAAc,EAAA,gBAAgB,EAAS,CAE7C,MAAM,EAAiB,EAAa,CAClC,cAAiB,CACf,GAAS,CAET,IAAM,EACF,EAAY,qBACV,KAAmC,EAAE,CAC3C,EAAmB,CACjB,SAAU,EAAS,MACnB,aAAc,EAAS,QAAU,MAAQ,QACzC,gBAAiB,EAAY,eAAiB,MAAQ,QACtD,4BACE,EAAY,+BACf,CAAC,EAEL,CAAC,EAGE,MAAgC,CAEpC,EAAqB,IADA,SAAS,EAAQ,SAAW,IAAA,GAC5B,CAAS,EAG1B,EAAgB,GAA4C,CAChE,EAAM,gBAAgB,CACtB,IAAM,EAAW,IAAI,SAAS,EAAM,cAAc,CAE9C,EAAY,WAAW,kBAAkB,CAC3C,EAA8B,GAAK,CAEnC,EAAqB,EAAS,EAI5B,EAAc,EAAS,gBACvB,EAAe,EAAA,qBAAqB,EAAU,YAAY,CAEhE,OACE,EAAA,EAAA,MAAC,MAAD,CAAA,SAAA,EACE,EAAA,EAAA,MAAC,OAAD,CACE,IAAK,EACL,cAAY,gBACZ,UAAU,sBACV,SAAU,WAJZ,EAME,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oCAAf,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,aACE,OAAO,GAAiB,SAAW,EAAe,IAAA,GAEpD,iBAAiB,wBACjB,eAAgB,EAAA,cAAc,gBAC9B,CAAA,EAEF,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAO,oBACP,KAAK,oBACL,MAAO,EAAE,EAAA,QAAQ,sBAAsB,CACvC,KAAK,WACL,UAAU,SACV,YAAa,EAAc,WAAa,GACxC,eAAgB,EAAA,cAAc,gBAC9B,CAAA,EAEF,EAAA,EAAA,KAAC,EAAA,SAAD,CACE,OAAO,0BACP,KAAM,EAAE,EAAA,QAAQ,2BAA2B,CAC3C,SAAU,EAAE,EAAA,QAAQ,gCAAgC,CACpD,KAAK,kEACL,KAAK,WACL,UAAU,QACV,CAAA,CACE,IAEN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,gCACb,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,OAAO,uBACP,KAAK,SACL,QAAQ,UACR,UAAU,kBAET,EAAE,EAAA,QAAQ,YAAY,CACX,CAAA,CACV,CAAA,CACD,GAEN,IACC,EAAA,EAAA,KAAC,EAAA,cAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,MAAO,EAAE,EAAA,QAAQ,wBAAwB,CACzC,YAAa,EAAE,EAAA,QAAQ,0BAA0B,CACjD,QAAS,CACP,OAAQ,CACN,KAAM,EAAE,EAAA,QAAQ,mBAAmB,CACnC,QAAS,EACV,CACD,OAAQ,CACN,KAAM,EAAE,EAAA,QAAQ,cAAc,CAC9B,YAAe,EAA8B,GAAM,CACpD,CACF,CACD,CAAA,CACY,CAAA,CAEd,CAAA,CAAA"}

package/dist/components/shared/modals/settings/settings-form.js

@@ -34,7 +34,7 @@ function _({ settings: _, onClose: v }) {
 		e.preventDefault();
 		let t = new FormData(e.currentTarget);
 		x.startsWith("/conversations/") ? T(!0) : E(t);
-	}, k = _.llm_api_key_set, A = f(_, "llm.model"), j = f(_, "llm.base_url");
+	}, k = _.llm_api_key_set, A = f(_, "llm.model");
 	return /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("form", {
 		ref: C,
 		"data-testid": "settings-form",
@@ -45,7 +45,6 @@ function _({ settings: _, onClose: v }) {
 			children: [
 				/* @__PURE__ */ h(d, {
 					currentModel: typeof A == "string" ? A : void 0,
-					currentBaseUrl: typeof j == "string" ? j : void 0,
 					wrapperClassName: "!flex-col !gap-[17px]",
 					labelClassName: n.LABEL_CLASSNAME
 				}),

package/dist/components/shared/modals/settings/settings-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings-form.js","names":[],"sources":["../../../../../src/components/shared/modals/settings/settings-form.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport React from \"react\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { DangerModal } from \"../confirmation-modals/danger-modal\";\nimport { extractSettings } from \"#/utils/settings-utils\";\nimport { ModalBackdrop } from \"../modal-backdrop\";\nimport { ModelSelector } from \"./model-selector\";\nimport { Settings } from \"#/types/settings\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { useSaveSettings } from \"#/hooks/mutation/use-save-settings\";\nimport { getAgentSettingValue } from \"#/utils/sdk-settings-schema\";\nimport { SETTINGS_FORM } from \"#/utils/constants\";\n\ninterface SettingsFormProps {\n  settings: Settings;\n  onClose: () => void;\n}\n\nexport function SettingsForm({ settings, onClose }: SettingsFormProps) {\n  const { trackSettingsSaved } = useTracking();\n  const { mutate: saveUserSettings } = useSaveSettings();\n  const { currentPath } = useNavigation();\n  const { t } = useTranslation(\"openhands\");\n\n  const formRef = React.useRef<HTMLFormElement>(null);\n\n  const [confirmEndSessionModalOpen, setConfirmEndSessionModalOpen] =\n    React.useState(false);\n\n  const handleFormSubmission = async (formData: FormData) => {\n    const newSettings = extractSettings(formData);\n\n    await saveUserSettings(newSettings, {\n      onSuccess: () => {\n        onClose();\n\n        const agentLlm =\n          ((newSettings.agent_settings_diff as Record<string, unknown>)\n            ?.llm as Record<string, unknown>) ?? {};\n        trackSettingsSaved({\n          llmModel: agentLlm.model,\n          llmApiKeySet: agentLlm.api_key ? \"SET\" : \"UNSET\",\n          searchApiKeySet: newSettings.search_api_key ? \"SET\" : \"UNSET\",\n          remoteRuntimeResourceFactor:\n            newSettings.remote_runtime_resource_factor,\n        });\n      },\n    });\n  };\n\n  const handleConfirmEndSession = () => {\n    const formData = new FormData(formRef.current ?? undefined);\n    handleFormSubmission(formData);\n  };\n\n  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    const formData = new FormData(event.currentTarget);\n\n    if (currentPath.startsWith(\"/conversations/\")) {\n      setConfirmEndSessionModalOpen(true);\n    } else {\n      handleFormSubmission(formData);\n    }\n  };\n\n  const isLLMKeySet = settings.llm_api_key_set;\n  const currentModel = getAgentSettingValue(settings, \"llm.model\");\n  const currentBaseUrl = getAgentSettingValue(settings, \"llm.base_url\");\n\n  return (\n    <div>\n      <form\n        ref={formRef}\n        data-testid=\"settings-form\"\n        className=\"flex flex-col gap-6\"\n        onSubmit={handleSubmit}\n      >\n        <div className=\"flex flex-col gap-[17px]\">\n          <ModelSelector\n            currentModel={\n              typeof currentModel === \"string\" ? currentModel : undefined\n            }\n            currentBaseUrl={\n              typeof currentBaseUrl === \"string\" ? currentBaseUrl : undefined\n            }\n            wrapperClassName=\"!flex-col !gap-[17px]\"\n            labelClassName={SETTINGS_FORM.LABEL_CLASSNAME}\n          />\n\n          <SettingsInput\n            testId=\"llm-api-key-input\"\n            name=\"llm-api-key-input\"\n            label={t(I18nKey.SETTINGS_FORM$API_KEY)}\n            type=\"password\"\n            className=\"w-full\"\n            placeholder={isLLMKeySet ? \"<hidden>\" : \"\"}\n            labelClassName={SETTINGS_FORM.LABEL_CLASSNAME}\n          />\n\n          <HelpLink\n            testId=\"llm-api-key-help-anchor\"\n            text={t(I18nKey.SETTINGS$DONT_KNOW_API_KEY)}\n            linkText={t(I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS)}\n            href=\"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\"\n            size=\"settings\"\n            linkColor=\"white\"\n          />\n        </div>\n\n        <div className=\"flex flex-col gap-2\">\n          <BrandButton\n            testId=\"save-settings-button\"\n            type=\"submit\"\n            variant=\"primary\"\n            className=\"w-full\"\n          >\n            {t(I18nKey.BUTTON$SAVE)}\n          </BrandButton>\n        </div>\n      </form>\n\n      {confirmEndSessionModalOpen && (\n        <ModalBackdrop>\n          <DangerModal\n            title={t(I18nKey.MODAL$END_SESSION_TITLE)}\n            description={t(I18nKey.MODAL$END_SESSION_MESSAGE)}\n            buttons={{\n              danger: {\n                text: t(I18nKey.BUTTON$END_SESSION),\n                onClick: handleConfirmEndSession,\n              },\n              cancel: {\n                text: t(I18nKey.BUTTON$CANCEL),\n                onClick: () => setConfirmEndSessionModalOpen(false),\n              },\n            }}\n          />\n        </ModalBackdrop>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAsBA,SAAgB,EAAa,EAAE,aAAU,cAA8B;CACrE,IAAM,EAAE,0BAAuB,GAAa,EACtC,EAAE,QAAQ,MAAqB,GAAiB,EAChD,EAAE,mBAAgB,GAAe,EACjC,EAAE,SAAM,EAAe,YAAY,EAEnC,IAAU,EAAM,OAAwB,KAAK,EAE7C,CAAC,GAA4B,KACjC,EAAM,SAAS,GAAM,EAEjB,IAAuB,OAAO,MAAuB;EACzD,IAAM,IAAc,EAAgB,EAAS;AAE7C,QAAM,EAAiB,GAAa,EAClC,iBAAiB;AACf,MAAS;GAET,IAAM,IACF,EAAY,qBACV,OAAmC,EAAE;AAC3C,KAAmB;IACjB,UAAU,EAAS;IACnB,cAAc,EAAS,UAAU,QAAQ;IACzC,iBAAiB,EAAY,iBAAiB,QAAQ;IACtD,6BACE,EAAY;IACf,CAAC;KAEL,CAAC;IAGE,UAAgC;AAEpC,IAAqB,IADA,SAAS,EAAQ,WAAW,KAAA,EAC5B,CAAS;IAG1B,KAAgB,MAA4C;AAChE,IAAM,gBAAgB;EACtB,IAAM,IAAW,IAAI,SAAS,EAAM,cAAc;AAElD,EAAI,EAAY,WAAW,kBAAkB,GAC3C,EAA8B,GAAK,GAEnC,EAAqB,EAAS;IAI5B,IAAc,EAAS,iBACvB,IAAe,EAAqB,GAAU,YAAY,EAC1D,IAAiB,EAAqB,GAAU,eAAe;AAErE,QACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;EACE,KAAK;EACL,eAAY;EACZ,WAAU;EACV,UAAU;YAJZ,CAME,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,cACE,OAAO,KAAiB,WAAW,IAAe,KAAA;KAEpD,gBACE,OAAO,KAAmB,WAAW,IAAiB,KAAA;KAExD,kBAAiB;KACjB,gBAAgB,EAAc;KAC9B,CAAA;IAEF,kBAAC,GAAD;KACE,QAAO;KACP,MAAK;KACL,OAAO,EAAE,EAAQ,sBAAsB;KACvC,MAAK;KACL,WAAU;KACV,aAAa,IAAc,aAAa;KACxC,gBAAgB,EAAc;KAC9B,CAAA;IAEF,kBAAC,GAAD;KACE,QAAO;KACP,MAAM,EAAE,EAAQ,2BAA2B;KAC3C,UAAU,EAAE,EAAQ,gCAAgC;KACpD,MAAK;KACL,MAAK;KACL,WAAU;KACV,CAAA;IACE;MAEN,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IACE,QAAO;IACP,MAAK;IACL,SAAQ;IACR,WAAU;cAET,EAAE,EAAQ,YAAY;IACX,CAAA;GACV,CAAA,CACD;KAEN,KACC,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,OAAO,EAAE,EAAQ,wBAAwB;EACzC,aAAa,EAAE,EAAQ,0BAA0B;EACjD,SAAS;GACP,QAAQ;IACN,MAAM,EAAE,EAAQ,mBAAmB;IACnC,SAAS;IACV;GACD,QAAQ;IACN,MAAM,EAAE,EAAQ,cAAc;IAC9B,eAAe,EAA8B,GAAM;IACpD;GACF;EACD,CAAA,EACY,CAAA,CAEd,EAAA,CAAA"}
+{"version":3,"file":"settings-form.js","names":[],"sources":["../../../../../src/components/shared/modals/settings/settings-form.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport React from \"react\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { DangerModal } from \"../confirmation-modals/danger-modal\";\nimport { extractSettings } from \"#/utils/settings-utils\";\nimport { ModalBackdrop } from \"../modal-backdrop\";\nimport { ModelSelector } from \"./model-selector\";\nimport { Settings } from \"#/types/settings\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { useSaveSettings } from \"#/hooks/mutation/use-save-settings\";\nimport { getAgentSettingValue } from \"#/utils/sdk-settings-schema\";\nimport { SETTINGS_FORM } from \"#/utils/constants\";\n\ninterface SettingsFormProps {\n  settings: Settings;\n  onClose: () => void;\n}\n\nexport function SettingsForm({ settings, onClose }: SettingsFormProps) {\n  const { trackSettingsSaved } = useTracking();\n  const { mutate: saveUserSettings } = useSaveSettings();\n  const { currentPath } = useNavigation();\n  const { t } = useTranslation(\"openhands\");\n\n  const formRef = React.useRef<HTMLFormElement>(null);\n\n  const [confirmEndSessionModalOpen, setConfirmEndSessionModalOpen] =\n    React.useState(false);\n\n  const handleFormSubmission = async (formData: FormData) => {\n    const newSettings = extractSettings(formData);\n\n    await saveUserSettings(newSettings, {\n      onSuccess: () => {\n        onClose();\n\n        const agentLlm =\n          ((newSettings.agent_settings_diff as Record<string, unknown>)\n            ?.llm as Record<string, unknown>) ?? {};\n        trackSettingsSaved({\n          llmModel: agentLlm.model,\n          llmApiKeySet: agentLlm.api_key ? \"SET\" : \"UNSET\",\n          searchApiKeySet: newSettings.search_api_key ? \"SET\" : \"UNSET\",\n          remoteRuntimeResourceFactor:\n            newSettings.remote_runtime_resource_factor,\n        });\n      },\n    });\n  };\n\n  const handleConfirmEndSession = () => {\n    const formData = new FormData(formRef.current ?? undefined);\n    handleFormSubmission(formData);\n  };\n\n  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    const formData = new FormData(event.currentTarget);\n\n    if (currentPath.startsWith(\"/conversations/\")) {\n      setConfirmEndSessionModalOpen(true);\n    } else {\n      handleFormSubmission(formData);\n    }\n  };\n\n  const isLLMKeySet = settings.llm_api_key_set;\n  const currentModel = getAgentSettingValue(settings, \"llm.model\");\n\n  return (\n    <div>\n      <form\n        ref={formRef}\n        data-testid=\"settings-form\"\n        className=\"flex flex-col gap-6\"\n        onSubmit={handleSubmit}\n      >\n        <div className=\"flex flex-col gap-[17px]\">\n          <ModelSelector\n            currentModel={\n              typeof currentModel === \"string\" ? currentModel : undefined\n            }\n            wrapperClassName=\"!flex-col !gap-[17px]\"\n            labelClassName={SETTINGS_FORM.LABEL_CLASSNAME}\n          />\n\n          <SettingsInput\n            testId=\"llm-api-key-input\"\n            name=\"llm-api-key-input\"\n            label={t(I18nKey.SETTINGS_FORM$API_KEY)}\n            type=\"password\"\n            className=\"w-full\"\n            placeholder={isLLMKeySet ? \"<hidden>\" : \"\"}\n            labelClassName={SETTINGS_FORM.LABEL_CLASSNAME}\n          />\n\n          <HelpLink\n            testId=\"llm-api-key-help-anchor\"\n            text={t(I18nKey.SETTINGS$DONT_KNOW_API_KEY)}\n            linkText={t(I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS)}\n            href=\"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\"\n            size=\"settings\"\n            linkColor=\"white\"\n          />\n        </div>\n\n        <div className=\"flex flex-col gap-2\">\n          <BrandButton\n            testId=\"save-settings-button\"\n            type=\"submit\"\n            variant=\"primary\"\n            className=\"w-full\"\n          >\n            {t(I18nKey.BUTTON$SAVE)}\n          </BrandButton>\n        </div>\n      </form>\n\n      {confirmEndSessionModalOpen && (\n        <ModalBackdrop>\n          <DangerModal\n            title={t(I18nKey.MODAL$END_SESSION_TITLE)}\n            description={t(I18nKey.MODAL$END_SESSION_MESSAGE)}\n            buttons={{\n              danger: {\n                text: t(I18nKey.BUTTON$END_SESSION),\n                onClick: handleConfirmEndSession,\n              },\n              cancel: {\n                text: t(I18nKey.BUTTON$CANCEL),\n                onClick: () => setConfirmEndSessionModalOpen(false),\n              },\n            }}\n          />\n        </ModalBackdrop>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAsBA,SAAgB,EAAa,EAAE,aAAU,cAA8B;CACrE,IAAM,EAAE,0BAAuB,GAAa,EACtC,EAAE,QAAQ,MAAqB,GAAiB,EAChD,EAAE,mBAAgB,GAAe,EACjC,EAAE,SAAM,EAAe,YAAY,EAEnC,IAAU,EAAM,OAAwB,KAAK,EAE7C,CAAC,GAA4B,KACjC,EAAM,SAAS,GAAM,EAEjB,IAAuB,OAAO,MAAuB;EACzD,IAAM,IAAc,EAAgB,EAAS;AAE7C,QAAM,EAAiB,GAAa,EAClC,iBAAiB;AACf,MAAS;GAET,IAAM,IACF,EAAY,qBACV,OAAmC,EAAE;AAC3C,KAAmB;IACjB,UAAU,EAAS;IACnB,cAAc,EAAS,UAAU,QAAQ;IACzC,iBAAiB,EAAY,iBAAiB,QAAQ;IACtD,6BACE,EAAY;IACf,CAAC;KAEL,CAAC;IAGE,UAAgC;AAEpC,IAAqB,IADA,SAAS,EAAQ,WAAW,KAAA,EAC5B,CAAS;IAG1B,KAAgB,MAA4C;AAChE,IAAM,gBAAgB;EACtB,IAAM,IAAW,IAAI,SAAS,EAAM,cAAc;AAElD,EAAI,EAAY,WAAW,kBAAkB,GAC3C,EAA8B,GAAK,GAEnC,EAAqB,EAAS;IAI5B,IAAc,EAAS,iBACvB,IAAe,EAAqB,GAAU,YAAY;AAEhE,QACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;EACE,KAAK;EACL,eAAY;EACZ,WAAU;EACV,UAAU;YAJZ,CAME,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,cACE,OAAO,KAAiB,WAAW,IAAe,KAAA;KAEpD,kBAAiB;KACjB,gBAAgB,EAAc;KAC9B,CAAA;IAEF,kBAAC,GAAD;KACE,QAAO;KACP,MAAK;KACL,OAAO,EAAE,EAAQ,sBAAsB;KACvC,MAAK;KACL,WAAU;KACV,aAAa,IAAc,aAAa;KACxC,gBAAgB,EAAc;KAC9B,CAAA;IAEF,kBAAC,GAAD;KACE,QAAO;KACP,MAAM,EAAE,EAAQ,2BAA2B;KAC3C,UAAU,EAAE,EAAQ,gCAAgC;KACpD,MAAK;KACL,MAAK;KACL,WAAU;KACV,CAAA;IACE;MAEN,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IACE,QAAO;IACP,MAAK;IACL,SAAQ;IACR,WAAU;cAET,EAAE,EAAQ,YAAY;IACX,CAAA;GACV,CAAA,CACD;KAEN,KACC,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,OAAO,EAAE,EAAQ,wBAAwB;EACzC,aAAa,EAAE,EAAQ,0BAA0B;EACjD,SAAS;GACP,QAAQ;IACN,MAAM,EAAE,EAAQ,mBAAmB;IACnC,SAAS;IACV;GACD,QAAQ;IACN,MAAM,EAAE,EAAQ,cAAc;IAC9B,eAAe,EAA8B,GAAM;IACpD;GACF;EACD,CAAA,EACY,CAAA,CAEd,EAAA,CAAA"}

package/dist/config/defaults.cjs

@@ -0,0 +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.28.1`,agentCanvas:`1.0.0-rc.12`,automation:`1.0.0a9`,githubMcpServer:`1.2.0`},compatibility:{minimumAgentServer:`1.28.0`},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`},packages:{agentServer:`openhands-agent-server`,automation:`openhands-automation`,tools:`openhands-tools`,workspace:`openhands-workspace`}};exports.default=e;
+//# sourceMappingURL=defaults.cjs.map

package/dist/config/defaults.cjs.map

@@ -0,0 +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.28.1\",\n    \"agentCanvas\": \"1.0.0-rc.12\",\n    \"automation\": \"1.0.0a9\",\n    \"githubMcpServer\": \"1.2.0\"\n  },\n  \"compatibility\": {\n    \"minimumAgentServer\": \"1.28.0\"\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  },\n  \"packages\": {\n    \"agentServer\": \"openhands-agent-server\",\n    \"automation\": \"openhands-automation\",\n    \"tools\": \"openhands-tools\",\n    \"workspace\": \"openhands-workspace\"\n  }\n}\n"],"mappings":""}

package/dist/config/defaults.js

@@ -0,0 +1,35 @@
+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.28.1",
+		agentCanvas: "1.0.0-rc.12",
+		automation: "1.0.0a9",
+		githubMcpServer: "1.2.0"
+	},
+	compatibility: { minimumAgentServer: "1.28.0" },
+	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"
+	},
+	packages: {
+		agentServer: "openhands-agent-server",
+		automation: "openhands-automation",
+		tools: "openhands-tools",
+		workspace: "openhands-workspace"
+	}
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=defaults.js.map

package/dist/config/defaults.js.map

@@ -0,0 +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.28.1\",\n    \"agentCanvas\": \"1.0.0-rc.12\",\n    \"automation\": \"1.0.0a9\",\n    \"githubMcpServer\": \"1.2.0\"\n  },\n  \"compatibility\": {\n    \"minimumAgentServer\": \"1.28.0\"\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  },\n  \"packages\": {\n    \"agentServer\": \"openhands-agent-server\",\n    \"automation\": \"openhands-automation\",\n    \"tools\": \"openhands-tools\",\n    \"workspace\": \"openhands-workspace\"\n  }\n}\n"],"mappings":""}

package/dist/constants/llm-subscription.cjs

@@ -0,0 +1,2 @@
+require(`../_virtual/_rolldown/runtime.cjs`);var e=`llm.auth_type`,t=`llm.subscription_vendor`,n=`api_key`,r=`subscription`,i=`openai`,a=`/api/llm/subscription/openai/models`,o=`/api/llm/subscription/openai/status`,s=`/api/llm/subscription/openai/device/start`,c=`/api/llm/subscription/openai/device/poll`,l=`/api/llm/subscription/openai/logout`,u=[{key:e,label:`Authentication`,description:`Choose whether this profile uses API credentials or a ChatGPT subscription.`,section:`llm`,section_label:`LLM`,value_type:`string`,default:n,choices:[{label:`API key`,value:n},{label:`ChatGPT subscription`,value:r}],depends_on:[],prominence:`critical`,secret:!1,required:!0},{key:t,label:`Subscription provider`,description:`Provider used for subscription-backed LLM access.`,section:`llm`,section_label:`LLM`,value_type:`string`,default:i,choices:[{label:`OpenAI`,value:i}],depends_on:[],prominence:`critical`,secret:!1,required:!0}];function d(e){return e===`subscription`?r:n}function f(e){return d(e?.auth_type)===r}exports.LLM_AUTH_TYPE_API_KEY=n,exports.LLM_AUTH_TYPE_KEY=e,exports.LLM_AUTH_TYPE_SUBSCRIPTION=r,exports.LLM_SUBSCRIPTION_SCHEMA_FIELDS=u,exports.LLM_SUBSCRIPTION_VENDOR_KEY=t,exports.OPENAI_SUBSCRIPTION_DEVICE_POLL_PATH=c,exports.OPENAI_SUBSCRIPTION_DEVICE_START_PATH=s,exports.OPENAI_SUBSCRIPTION_LOGOUT_PATH=l,exports.OPENAI_SUBSCRIPTION_MODELS_PATH=a,exports.OPENAI_SUBSCRIPTION_STATUS_PATH=o,exports.OPENAI_SUBSCRIPTION_VENDOR=i,exports.isSubscriptionLlmConfig=f,exports.resolveLlmAuthType=d;
+//# sourceMappingURL=llm-subscription.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"llm-subscription.cjs","names":[],"sources":["../../src/constants/llm-subscription.ts"],"sourcesContent":["import type { SettingsChoice, SettingsFieldSchema } from \"#/types/settings\";\n\nexport const LLM_AUTH_TYPE_KEY = \"llm.auth_type\";\nexport const LLM_SUBSCRIPTION_VENDOR_KEY = \"llm.subscription_vendor\";\nexport const LLM_AUTH_TYPE_API_KEY = \"api_key\";\nexport const LLM_AUTH_TYPE_SUBSCRIPTION = \"subscription\";\nexport const OPENAI_SUBSCRIPTION_VENDOR = \"openai\";\n\nexport const OPENAI_SUBSCRIPTION_MODELS_PATH =\n  \"/api/llm/subscription/openai/models\";\nexport const OPENAI_SUBSCRIPTION_STATUS_PATH =\n  \"/api/llm/subscription/openai/status\";\nexport const OPENAI_SUBSCRIPTION_DEVICE_START_PATH =\n  \"/api/llm/subscription/openai/device/start\";\nexport const OPENAI_SUBSCRIPTION_DEVICE_POLL_PATH =\n  \"/api/llm/subscription/openai/device/poll\";\nexport const OPENAI_SUBSCRIPTION_LOGOUT_PATH =\n  \"/api/llm/subscription/openai/logout\";\n\nexport type LlmAuthType =\n  | typeof LLM_AUTH_TYPE_API_KEY\n  | typeof LLM_AUTH_TYPE_SUBSCRIPTION;\n\nexport const LLM_AUTH_TYPE_CHOICES: SettingsChoice[] = [\n  { label: \"API key\", value: LLM_AUTH_TYPE_API_KEY },\n  { label: \"ChatGPT subscription\", value: LLM_AUTH_TYPE_SUBSCRIPTION },\n];\n\nconst LLM_AUTH_TYPE_FIELD: SettingsFieldSchema = {\n  key: LLM_AUTH_TYPE_KEY,\n  label: \"Authentication\",\n  description:\n    \"Choose whether this profile uses API credentials or a ChatGPT subscription.\",\n  section: \"llm\",\n  section_label: \"LLM\",\n  value_type: \"string\",\n  default: LLM_AUTH_TYPE_API_KEY,\n  choices: LLM_AUTH_TYPE_CHOICES,\n  depends_on: [],\n  prominence: \"critical\",\n  secret: false,\n  required: true,\n};\n\nconst LLM_SUBSCRIPTION_VENDOR_FIELD: SettingsFieldSchema = {\n  key: LLM_SUBSCRIPTION_VENDOR_KEY,\n  label: \"Subscription provider\",\n  description: \"Provider used for subscription-backed LLM access.\",\n  section: \"llm\",\n  section_label: \"LLM\",\n  value_type: \"string\",\n  default: OPENAI_SUBSCRIPTION_VENDOR,\n  choices: [{ label: \"OpenAI\", value: OPENAI_SUBSCRIPTION_VENDOR }],\n  depends_on: [],\n  prominence: \"critical\",\n  secret: false,\n  required: true,\n};\n\nexport const LLM_SUBSCRIPTION_SCHEMA_FIELDS = [\n  LLM_AUTH_TYPE_FIELD,\n  LLM_SUBSCRIPTION_VENDOR_FIELD,\n];\n\nexport function resolveLlmAuthType(value: unknown): LlmAuthType {\n  return value === LLM_AUTH_TYPE_SUBSCRIPTION\n    ? LLM_AUTH_TYPE_SUBSCRIPTION\n    : LLM_AUTH_TYPE_API_KEY;\n}\n\nexport function isSubscriptionLlmConfig(\n  llm: Record<string, unknown> | null | undefined,\n): boolean {\n  return resolveLlmAuthType(llm?.auth_type) === LLM_AUTH_TYPE_SUBSCRIPTION;\n}\n"],"mappings":"6CAEA,IAAa,EAAoB,gBACpB,EAA8B,0BAC9B,EAAwB,UACxB,EAA6B,eAC7B,EAA6B,SAE7B,EACX,sCACW,EACX,sCACW,EACX,4CACW,EACX,2CACW,EACX,sCA0CW,EAAiC,CAC5C,CA/BA,IAAK,EACL,MAAO,iBACP,YACE,8EACF,QAAS,MACT,cAAe,MACf,WAAY,SACZ,QAAS,EACT,QAAS,CAbT,CAAE,MAAO,UAAW,MAAO,EAAuB,CAClD,CAAE,MAAO,uBAAwB,MAAO,EAA4B,CAY3D,CACT,WAAY,EAAE,CACd,WAAY,WACZ,OAAQ,GACR,SAAU,GAmBV,CACA,CAhBA,IAAK,EACL,MAAO,wBACP,YAAa,oDACb,QAAS,MACT,cAAe,MACf,WAAY,SACZ,QAAS,EACT,QAAS,CAAC,CAAE,MAAO,SAAU,MAAO,EAA4B,CAAC,CACjE,WAAY,EAAE,CACd,WAAY,WACZ,OAAQ,GACR,SAAU,GAKV,CACD,CAED,SAAgB,EAAmB,EAA6B,CAC9D,OAAO,IAAA,eACH,EACA,EAGN,SAAgB,EACd,EACS,CACT,OAAO,EAAmB,GAAK,UAAU,GAAK"}

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

@@ -0,0 +1,16 @@
+import type { SettingsChoice, SettingsFieldSchema } from "#/types/settings";
+export declare const LLM_AUTH_TYPE_KEY = "llm.auth_type";
+export declare const LLM_SUBSCRIPTION_VENDOR_KEY = "llm.subscription_vendor";
+export declare const LLM_AUTH_TYPE_API_KEY = "api_key";
+export declare const LLM_AUTH_TYPE_SUBSCRIPTION = "subscription";
+export declare const OPENAI_SUBSCRIPTION_VENDOR = "openai";
+export declare const OPENAI_SUBSCRIPTION_MODELS_PATH = "/api/llm/subscription/openai/models";
+export declare const OPENAI_SUBSCRIPTION_STATUS_PATH = "/api/llm/subscription/openai/status";
+export declare const OPENAI_SUBSCRIPTION_DEVICE_START_PATH = "/api/llm/subscription/openai/device/start";
+export declare const OPENAI_SUBSCRIPTION_DEVICE_POLL_PATH = "/api/llm/subscription/openai/device/poll";
+export declare const OPENAI_SUBSCRIPTION_LOGOUT_PATH = "/api/llm/subscription/openai/logout";
+export type LlmAuthType = typeof LLM_AUTH_TYPE_API_KEY | typeof LLM_AUTH_TYPE_SUBSCRIPTION;
+export declare const LLM_AUTH_TYPE_CHOICES: SettingsChoice[];
+export declare const LLM_SUBSCRIPTION_SCHEMA_FIELDS: SettingsFieldSchema[];
+export declare function resolveLlmAuthType(value: unknown): LlmAuthType;
+export declare function isSubscriptionLlmConfig(llm: Record<string, unknown> | null | undefined): boolean;

package/dist/constants/llm-subscription.js

@@ -0,0 +1,47 @@
+//#region src/constants/llm-subscription.ts
+var e = "llm.auth_type", t = "llm.subscription_vendor", n = "api_key", r = "subscription", i = "openai", a = "/api/llm/subscription/openai/models", o = "/api/llm/subscription/openai/status", s = "/api/llm/subscription/openai/device/start", c = "/api/llm/subscription/openai/device/poll", l = "/api/llm/subscription/openai/logout", u = [{
+	key: e,
+	label: "Authentication",
+	description: "Choose whether this profile uses API credentials or a ChatGPT subscription.",
+	section: "llm",
+	section_label: "LLM",
+	value_type: "string",
+	default: n,
+	choices: [{
+		label: "API key",
+		value: n
+	}, {
+		label: "ChatGPT subscription",
+		value: r
+	}],
+	depends_on: [],
+	prominence: "critical",
+	secret: !1,
+	required: !0
+}, {
+	key: t,
+	label: "Subscription provider",
+	description: "Provider used for subscription-backed LLM access.",
+	section: "llm",
+	section_label: "LLM",
+	value_type: "string",
+	default: i,
+	choices: [{
+		label: "OpenAI",
+		value: i
+	}],
+	depends_on: [],
+	prominence: "critical",
+	secret: !1,
+	required: !0
+}];
+function d(e) {
+	return e === "subscription" ? r : n;
+}
+function f(e) {
+	return d(e?.auth_type) === r;
+}
+//#endregion
+export { n as LLM_AUTH_TYPE_API_KEY, e as LLM_AUTH_TYPE_KEY, r as LLM_AUTH_TYPE_SUBSCRIPTION, u as LLM_SUBSCRIPTION_SCHEMA_FIELDS, t as LLM_SUBSCRIPTION_VENDOR_KEY, c as OPENAI_SUBSCRIPTION_DEVICE_POLL_PATH, s as OPENAI_SUBSCRIPTION_DEVICE_START_PATH, l as OPENAI_SUBSCRIPTION_LOGOUT_PATH, a as OPENAI_SUBSCRIPTION_MODELS_PATH, o as OPENAI_SUBSCRIPTION_STATUS_PATH, i as OPENAI_SUBSCRIPTION_VENDOR, f as isSubscriptionLlmConfig, d as resolveLlmAuthType };
+
+//# sourceMappingURL=llm-subscription.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"llm-subscription.js","names":[],"sources":["../../src/constants/llm-subscription.ts"],"sourcesContent":["import type { SettingsChoice, SettingsFieldSchema } from \"#/types/settings\";\n\nexport const LLM_AUTH_TYPE_KEY = \"llm.auth_type\";\nexport const LLM_SUBSCRIPTION_VENDOR_KEY = \"llm.subscription_vendor\";\nexport const LLM_AUTH_TYPE_API_KEY = \"api_key\";\nexport const LLM_AUTH_TYPE_SUBSCRIPTION = \"subscription\";\nexport const OPENAI_SUBSCRIPTION_VENDOR = \"openai\";\n\nexport const OPENAI_SUBSCRIPTION_MODELS_PATH =\n  \"/api/llm/subscription/openai/models\";\nexport const OPENAI_SUBSCRIPTION_STATUS_PATH =\n  \"/api/llm/subscription/openai/status\";\nexport const OPENAI_SUBSCRIPTION_DEVICE_START_PATH =\n  \"/api/llm/subscription/openai/device/start\";\nexport const OPENAI_SUBSCRIPTION_DEVICE_POLL_PATH =\n  \"/api/llm/subscription/openai/device/poll\";\nexport const OPENAI_SUBSCRIPTION_LOGOUT_PATH =\n  \"/api/llm/subscription/openai/logout\";\n\nexport type LlmAuthType =\n  | typeof LLM_AUTH_TYPE_API_KEY\n  | typeof LLM_AUTH_TYPE_SUBSCRIPTION;\n\nexport const LLM_AUTH_TYPE_CHOICES: SettingsChoice[] = [\n  { label: \"API key\", value: LLM_AUTH_TYPE_API_KEY },\n  { label: \"ChatGPT subscription\", value: LLM_AUTH_TYPE_SUBSCRIPTION },\n];\n\nconst LLM_AUTH_TYPE_FIELD: SettingsFieldSchema = {\n  key: LLM_AUTH_TYPE_KEY,\n  label: \"Authentication\",\n  description:\n    \"Choose whether this profile uses API credentials or a ChatGPT subscription.\",\n  section: \"llm\",\n  section_label: \"LLM\",\n  value_type: \"string\",\n  default: LLM_AUTH_TYPE_API_KEY,\n  choices: LLM_AUTH_TYPE_CHOICES,\n  depends_on: [],\n  prominence: \"critical\",\n  secret: false,\n  required: true,\n};\n\nconst LLM_SUBSCRIPTION_VENDOR_FIELD: SettingsFieldSchema = {\n  key: LLM_SUBSCRIPTION_VENDOR_KEY,\n  label: \"Subscription provider\",\n  description: \"Provider used for subscription-backed LLM access.\",\n  section: \"llm\",\n  section_label: \"LLM\",\n  value_type: \"string\",\n  default: OPENAI_SUBSCRIPTION_VENDOR,\n  choices: [{ label: \"OpenAI\", value: OPENAI_SUBSCRIPTION_VENDOR }],\n  depends_on: [],\n  prominence: \"critical\",\n  secret: false,\n  required: true,\n};\n\nexport const LLM_SUBSCRIPTION_SCHEMA_FIELDS = [\n  LLM_AUTH_TYPE_FIELD,\n  LLM_SUBSCRIPTION_VENDOR_FIELD,\n];\n\nexport function resolveLlmAuthType(value: unknown): LlmAuthType {\n  return value === LLM_AUTH_TYPE_SUBSCRIPTION\n    ? LLM_AUTH_TYPE_SUBSCRIPTION\n    : LLM_AUTH_TYPE_API_KEY;\n}\n\nexport function isSubscriptionLlmConfig(\n  llm: Record<string, unknown> | null | undefined,\n): boolean {\n  return resolveLlmAuthType(llm?.auth_type) === LLM_AUTH_TYPE_SUBSCRIPTION;\n}\n"],"mappings":";AAEA,IAAa,IAAoB,iBACpB,IAA8B,2BAC9B,IAAwB,WACxB,IAA6B,gBAC7B,IAA6B,UAE7B,IACX,uCACW,IACX,uCACW,IACX,6CACW,IACX,4CACW,IACX,uCA0CW,IAAiC,CAC5C;CA/BA,KAAK;CACL,OAAO;CACP,aACE;CACF,SAAS;CACT,eAAe;CACf,YAAY;CACZ,SAAS;CACT,SAAS,CAbT;EAAE,OAAO;EAAW,OAAO;EAAuB,EAClD;EAAE,OAAO;EAAwB,OAAO;EAA4B,CAY3D;CACT,YAAY,EAAE;CACd,YAAY;CACZ,QAAQ;CACR,UAAU;CAmBV,EACA;CAhBA,KAAK;CACL,OAAO;CACP,aAAa;CACb,SAAS;CACT,eAAe;CACf,YAAY;CACZ,SAAS;CACT,SAAS,CAAC;EAAE,OAAO;EAAU,OAAO;EAA4B,CAAC;CACjE,YAAY,EAAE;CACd,YAAY;CACZ,QAAQ;CACR,UAAU;CAKV,CACD;AAED,SAAgB,EAAmB,GAA6B;AAC9D,QAAO,MAAA,iBACH,IACA;;AAGN,SAAgB,EACd,GACS;AACT,QAAO,EAAmB,GAAK,UAAU,KAAK"}

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