npm - @openhands/agent-canvas - Versions diffs - 1.13.0 → 1.15.0 - Mend

@openhands/agent-canvas 1.13.0 → 1.15.0

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

Files changed (1688) hide show

package/dist/routes/llm-settings.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"llm-settings.cjs","names":[],"sources":["../../src/routes/llm-settings.tsx"],"sourcesContent":["import React from \"react\";\nimport { Info } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModelSelector } from \"#/components/shared/modals/settings/model-selector\";\nimport { useAgentSettingsSchema } from \"#/hooks/query/use-agent-settings-schema\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { SettingsDropdownInput } from \"#/components/features/settings/settings-dropdown-input\";\nimport { OpenAISubscriptionAuthCard } from \"#/components/features/settings/llm-settings/openai-subscription-auth-card\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { KeyStatusIcon } from \"#/components/features/settings/key-status-icon\";\nimport {\n SdkSectionHeaderProps,\n SdkSectionPage,\n SdkSectionSaveControl,\n} from \"#/components/features/settings/sdk-settings/sdk-section-page\";\nimport { LlmSettingsLocalView } from \"#/components/features/settings/llm-profiles\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Settings, SettingsSchema, SettingsScope } from \"#/types/settings\";\nimport { extractModelAndProvider } from \"#/utils/extract-model-and-provider\";\nimport {\n inferInitialView,\n type SettingsFormValues,\n type SettingsView,\n} from \"#/utils/sdk-settings-schema\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport {\n LLM_AUTH_TYPE_API_KEY,\n LLM_AUTH_TYPE_KEY,\n LLM_AUTH_TYPE_SUBSCRIPTION,\n LLM_SUBSCRIPTION_VENDOR_KEY,\n OPENAI_SUBSCRIPTION_VENDOR,\n resolveLlmAuthType,\n} from \"#/constants/llm-subscription\";\nimport { useOpenAISubscriptionModels } from \"#/hooks/query/use-llm-subscription-models\";\nimport {\n FREE_OPENHANDS_MODEL_NOTE,\n isFreeOpenHandsModel,\n} from \"#/utils/format-model-name\";\n\nconst LLM_EXCLUDED_KEYS = new Set([\n \"llm.model\",\n \"llm.api_key\",\n \"llm.base_url\",\n LLM_AUTH_TYPE_KEY,\n LLM_SUBSCRIPTION_VENDOR_KEY,\n]);\n\nconst buildModelId = (provider: string \| null, model: string \| null) => {\n if (!provider \|\| !model) return null;\n return `${provider}/${model}`;\n};\n\nconst getSchemaFieldDefaultValue = (\n schema: SettingsSchema \| null \| undefined,\n fieldKey: string,\n) =>\n schema?.sections\n .flatMap((section) => section.fields)\n .find((field) => field.key === fieldKey)?.default ?? null;\n\nconst KNOWN_PROVIDER_DEFAULT_BASE_URLS: Partial<Record<string, Set<string>>> = {\n openai: new Set([\"https://api.openai.com\", \"https://api.openai.com/v1\"]),\n moonshot: new Set([\"https://api.kimi.com/coding/v1\"]),\n};\n\nconst normalizeBaseUrl = (baseUrl: string) => {\n try {\n const parsedUrl = new URL(baseUrl);\n const normalizedPath = parsedUrl.pathname.replace(/\\/+$/, \"\") \|\| \"\";\n return `${parsedUrl.origin}${normalizedPath}`;\n } catch {\n return baseUrl.trim().replace(/\\/+$/, \"\");\n }\n};\n\nconst isProviderDefaultBaseUrl = (model: string, baseUrl: string) => {\n const normalizedBaseUrl = normalizeBaseUrl(baseUrl);\n const { provider } = extractModelAndProvider(model);\n\n if (provider) {\n const knownDefaults = KNOWN_PROVIDER_DEFAULT_BASE_URLS[provider];\n if (knownDefaults) {\n return knownDefaults.has(normalizedBaseUrl);\n }\n }\n\n return Object.values(KNOWN_PROVIDER_DEFAULT_BASE_URLS).some((knownDefaults) =>\n knownDefaults?.has(normalizedBaseUrl),\n );\n};\n\ninterface OpenHandsApiKeyHelpProps {\n testId: string;\n}\n\nfunction OpenHandsApiKeyHelp({ testId }: OpenHandsApiKeyHelpProps) {\n const { t } = useTranslation(\"openhands\");\n\n return (\n <HelpLink\n testId={testId}\n text={t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT)}\n linkText={t(I18nKey.SETTINGS$NAV_API_KEYS)}\n href=\"https://app.all-hands.dev/settings/api-keys\"\n suffix={` ${t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`}\n />\n );\n}\n\nfunction OpenHandsFreeModelsNote() {\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\nexport function LlmSettingsScreen({\n scope = \"personal\",\n onSaveSuccess,\n initialValueOverrides,\n embedded,\n hideSaveButton,\n suppressSuccessToast,\n onSaveControlChange,\n}: {\n scope?: SettingsScope;\n /** Optional hook fired after a successful save (e.g. advance an onboarding step). /\n onSaveSuccess?: () => void;\n /* Forwarded to {@link SdkSectionPage}. /\n initialValueOverrides?: SettingsFormValues;\n /* Forwarded to {@link SdkSectionPage}. /\n embedded?: boolean;\n /* Forwarded to {@link SdkSectionPage}. /\n hideSaveButton?: boolean;\n /* Forwarded to {@link SdkSectionPage}. /\n suppressSuccessToast?: boolean;\n /* Forwarded to {@link SdkSectionPage}. /\n onSaveControlChange?: (control: SdkSectionSaveControl) => void;\n}) {\n const { t } = useTranslation(\"openhands\");\n\n const { data: settings } = useSettings(scope);\n const { data: schema } = useAgentSettingsSchema(\n settings?.agent_settings_schema,\n );\n const persistedLlmSettings = settings?.agent_settings?.llm as\n \| Record<string, unknown>\n \| undefined;\n const initialAuthType = resolveLlmAuthType(\n initialValueOverrides?.[LLM_AUTH_TYPE_KEY] ??\n persistedLlmSettings?.auth_type,\n );\n const [enableSubscriptionModels, setEnableSubscriptionModels] =\n React.useState(initialAuthType === LLM_AUTH_TYPE_SUBSCRIPTION);\n const {\n data: subscriptionModels,\n isLoading: isSubscriptionModelsLoading,\n isFetching: isSubscriptionModelsFetching,\n } = useOpenAISubscriptionModels({ enabled: enableSubscriptionModels });\n const isWaitingForSubscriptionModels =\n enableSubscriptionModels &&\n !subscriptionModels &&\n (isSubscriptionModelsLoading \|\| isSubscriptionModelsFetching);\n const lastApiKeyModelRef = React.useRef<string \| null>(null);\n const lastSubscriptionModelRef = React.useRef<string \| null>(null);\n\n React.useEffect(() => {\n if (initialAuthType === LLM_AUTH_TYPE_SUBSCRIPTION) {\n setEnableSubscriptionModels(true);\n }\n }, [initialAuthType]);\n\n const defaultModel = String(\n (DEFAULT_SETTINGS.agent_settings?.llm as Record<string, unknown>)?.model ??\n \"\",\n );\n\n const getInitialView = React.useCallback(\n (\n currentSettings: Settings,\n filteredSchema: SettingsSchema,\n ): SettingsView => {\n const schemaView = inferInitialView(currentSettings, filteredSchema);\n if (schemaView !== \"basic\") {\n return schemaView;\n }\n\n const currentModel = currentSettings.llm_model ?? \"\";\n const trimmedBaseUrl = currentSettings.llm_base_url?.trim() ?? \"\";\n const hasCustomBaseUrl =\n trimmedBaseUrl.length > 0 &&\n !isProviderDefaultBaseUrl(currentModel, trimmedBaseUrl);\n\n return hasCustomBaseUrl ? \"all\" : \"basic\";\n },\n [],\n );\n\n const buildHeader = React.useCallback(\n ({ values, isDisabled, view, onChange }: SdkSectionHeaderProps) => {\n const modelValue =\n typeof values[\"llm.model\"] === \"string\" ? values[\"llm.model\"] : \"\";\n const baseUrlValue =\n typeof values[\"llm.base_url\"] === \"string\"\n ? values[\"llm.base_url\"]\n : \"\";\n const showOpenHandsApiKeyHelp = modelValue.startsWith(\"openhands/\");\n const authType = resolveLlmAuthType(values[LLM_AUTH_TYPE_KEY]);\n const isSubscriptionAuth = authType === LLM_AUTH_TYPE_SUBSCRIPTION;\n const shouldDisableSubscriptionControls =\n isDisabled \|\| (isSubscriptionAuth && isWaitingForSubscriptionModels);\n const subscriptionModelValue = subscriptionModels?.includes(modelValue)\n ? modelValue\n : (subscriptionModels?.[0] ?? \"\");\n\n const apiKeyValue =\n typeof values[\"llm.api_key\"] === \"string\" ? values[\"llm.api_key\"] : \"\";\n // For embedded profile forms (create/edit) the global\n // `llm_api_key_set` flag is misleading: a brand-new profile would show a\n // \"key set\" indicator just because some other profile has a key. Reflect\n // the form's own key state instead so create mode starts visibly unset.\n const apiKeyIsSet = embedded\n ? apiKeyValue.length > 0\n : Boolean(settings?.llm_api_key_set);\n\n const renderApiKeyInput = (testId: string, helpTestId: string) => (\n <>\n <SettingsInput\n testId={testId}\n label={t(I18nKey.SETTINGS_FORM$API_KEY)}\n type=\"password\"\n className=\"w-full\"\n value={apiKeyValue}\n // eslint-disable-next-line i18next/no-literal-string -- masked-key sentinel, not translatable\n placeholder={apiKeyIsSet ? \"<hidden>\" : \"\"}\n onChange={(value) => onChange(\"llm.api_key\", value)}\n isDisabled={isDisabled}\n startContent={\n apiKeyIsSet ? <KeyStatusIcon isSet={apiKeyIsSet} /> : undefined\n }\n />\n\n <HelpLink\n testId={helpTestId}\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 />\n </>\n );\n\n const handleAuthTypeChange = (selectedKey: React.Key \| null) => {\n const nextAuthType =\n selectedKey === LLM_AUTH_TYPE_SUBSCRIPTION\n ? LLM_AUTH_TYPE_SUBSCRIPTION\n : LLM_AUTH_TYPE_API_KEY;\n onChange(LLM_AUTH_TYPE_KEY, nextAuthType);\n\n if (nextAuthType === LLM_AUTH_TYPE_SUBSCRIPTION) {\n setEnableSubscriptionModels(true);\n if (modelValue && !subscriptionModels?.includes(modelValue)) {\n lastApiKeyModelRef.current = modelValue;\n }\n const restoredSubscriptionModel =\n lastSubscriptionModelRef.current &&\n subscriptionModels?.includes(lastSubscriptionModelRef.current)\n ? lastSubscriptionModelRef.current\n : subscriptionModels?.[0];\n onChange(LLM_SUBSCRIPTION_VENDOR_KEY, OPENAI_SUBSCRIPTION_VENDOR);\n if (\n !subscriptionModels?.includes(modelValue) &&\n restoredSubscriptionModel\n ) {\n onChange(\"llm.model\", restoredSubscriptionModel);\n }\n return;\n }\n\n if (modelValue && subscriptionModels?.includes(modelValue)) {\n lastSubscriptionModelRef.current = modelValue;\n onChange(\"llm.model\", lastApiKeyModelRef.current ?? defaultModel);\n }\n };\n\n const renderAuthTypeInput = () => (\n <SettingsDropdownInput\n testId=\"llm-auth-type-input\"\n name={LLM_AUTH_TYPE_KEY}\n label={t(I18nKey.SETTINGS$LLM_AUTH_TYPE)}\n items={[\n {\n key: LLM_AUTH_TYPE_API_KEY,\n label: t(I18nKey.SETTINGS$LLM_AUTH_TYPE_API_KEY),\n },\n {\n key: LLM_AUTH_TYPE_SUBSCRIPTION,\n label: t(I18nKey.SETTINGS$LLM_AUTH_TYPE_SUBSCRIPTION),\n },\n ]}\n selectedKey={authType}\n isClearable={false}\n required\n isDisabled={shouldDisableSubscriptionControls}\n onSelectionChange={handleAuthTypeChange}\n />\n );\n\n const renderSubscriptionSettings = () => (\n <div\n className=\"flex flex-col gap-6\"\n data-testid=\"llm-subscription-settings\"\n >\n <SettingsDropdownInput\n testId=\"llm-subscription-model-input\"\n name=\"llm.subscription_model\"\n label={t(I18nKey.SETTINGS$SUBSCRIPTION_MODEL)}\n items={(subscriptionModels ?? []).map((model) => ({\n key: model,\n label: model,\n }))}\n selectedKey={subscriptionModelValue}\n isClearable={false}\n required\n isDisabled={\n shouldDisableSubscriptionControls \|\| !subscriptionModels?.length\n }\n onSelectionChange={(selectedKey) => {\n const nextModel =\n typeof selectedKey === \"string\"\n ? selectedKey\n : subscriptionModels?.[0];\n if (nextModel) {\n onChange(\"llm.model\", nextModel);\n }\n }}\n />\n <OpenAISubscriptionAuthCard isDisabled={isDisabled} />\n </div>\n );\n\n return (\n <div className=\"flex flex-col gap-6\">\n {view === \"basic\" ? (\n <div\n className=\"flex flex-col gap-6\"\n data-testid=\"llm-settings-form-basic\"\n >\n {renderAuthTypeInput()}\n\n {isSubscriptionAuth ? (\n renderSubscriptionSettings()\n ) : (\n <>\n <ModelSelector\n currentModel={modelValue \|\| undefined}\n onChange={(provider, model) => {\n const nextModel = buildModelId(provider, model);\n if (nextModel) {\n onChange(\"llm.model\", nextModel);\n }\n }}\n wrapperClassName=\"!flex-col !gap-6\"\n isDisabled={isDisabled}\n />\n\n {showOpenHandsApiKeyHelp ? (\n <OpenHandsApiKeyHelp testId=\"openhands-api-key-help\" />\n ) : null}\n\n {renderApiKeyInput(\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"llm-api-key-input\",\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"llm-api-key-help-anchor\",\n )}\n </>\n )}\n </div>\n ) : (\n <div\n className=\"flex flex-col gap-6\"\n data-testid=\"llm-settings-form-advanced\"\n >\n {renderAuthTypeInput()}\n\n {isSubscriptionAuth ? (\n renderSubscriptionSettings()\n ) : (\n <>\n <SettingsInput\n testId=\"llm-custom-model-input\"\n label={t(I18nKey.SETTINGS$CUSTOM_MODEL)}\n type=\"text\"\n className=\"w-full\"\n value={modelValue}\n placeholder={defaultModel}\n onChange={(value) => onChange(\"llm.model\", value)}\n isDisabled={isDisabled}\n />\n\n {showOpenHandsApiKeyHelp ? (\n <>\n {isFreeOpenHandsModel(modelValue) ? (\n <OpenHandsFreeModelsNote />\n ) : null}\n <OpenHandsApiKeyHelp testId=\"openhands-api-key-help-2\" />\n </>\n ) : null}\n\n <SettingsInput\n testId=\"base-url-input\"\n label={t(I18nKey.SETTINGS$BASE_URL)}\n type=\"text\"\n className=\"w-full\"\n value={baseUrlValue}\n // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"https://api.openai.com\"\n onChange={(value) => onChange(\"llm.base_url\", value)}\n isDisabled={isDisabled}\n />\n\n {renderApiKeyInput(\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"llm-api-key-input\",\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"llm-api-key-help-anchor-advanced\",\n )}\n </>\n )}\n </div>\n )}\n </div>\n );\n },\n [\n defaultModel,\n embedded,\n isWaitingForSubscriptionModels,\n settings?.llm_api_key_set,\n subscriptionModels,\n t,\n ],\n );\n\n const buildPayload = React.useCallback(\n (\n defaultPayload: Record<string, unknown>,\n context: {\n values: Record<string, string \| boolean>;\n dirty: Record<string, boolean>;\n view: SettingsView;\n },\n ) => {\n // defaultPayload is the wrapped diff (e.g.\n // `{ agent_settings_diff: { llm: { model: \"gpt-4\" } } }`); we only\n // mutate the inner `llm` object below.\n const agentSettings = structuredClone(\n (defaultPayload.agent_settings_diff as Record<string, unknown>) ?? {},\n );\n const llm = (agentSettings.llm ?? {}) as Record<string, unknown>;\n const authType = resolveLlmAuthType(context.values[LLM_AUTH_TYPE_KEY]);\n\n if (authType === LLM_AUTH_TYPE_SUBSCRIPTION) {\n llm.auth_type = LLM_AUTH_TYPE_SUBSCRIPTION;\n llm.subscription_vendor = OPENAI_SUBSCRIPTION_VENDOR;\n const model =\n typeof llm.model === \"string\"\n ? llm.model\n : String(context.values[\"llm.model\"] ?? \"\");\n const fallbackSubscriptionModel = subscriptionModels?.[0];\n if (\n !subscriptionModels?.includes(model) &&\n !fallbackSubscriptionModel\n ) {\n throw new Error(\"Subscription models are not loaded yet.\");\n }\n llm.model = subscriptionModels?.includes(model)\n ? model\n : fallbackSubscriptionModel;\n delete llm.api_key;\n delete llm.base_url;\n } else {\n if (context.dirty[LLM_AUTH_TYPE_KEY]) {\n llm.auth_type = LLM_AUTH_TYPE_API_KEY;\n llm.subscription_vendor = null;\n }\n if (context.view === \"basic\" && llm.model !== undefined) {\n llm.base_url = getSchemaFieldDefaultValue(schema, \"llm.base_url\");\n }\n }\n\n agentSettings.llm = llm;\n return { agent_settings_diff: agentSettings };\n },\n [schema, subscriptionModels],\n );\n\n return (\n <SdkSectionPage\n scope={scope}\n settingsSources={[\n {\n settingsSource: \"agent_settings\",\n sectionKeys: [\"llm\"],\n excludeKeys: LLM_EXCLUDED_KEYS,\n },\n ]}\n header={buildHeader}\n buildPayload={buildPayload}\n getInitialView={getInitialView}\n forceShowAdvancedView\n allowAllView\n onSaveSuccess={onSaveSuccess}\n initialValueOverrides={initialValueOverrides}\n embedded={embedded}\n hideSaveButton={hideSaveButton}\n suppressSuccessToast={suppressSuccessToast}\n onSaveControlChange={onSaveControlChange}\n testId=\"llm-settings-screen\"\n />\n );\n}\n\n/\n Default export for the route renders the LLM-profile management view for both\n * backend types. Both manage the LLM through named profiles — local via the\n * agent-server (`/api/profiles`), cloud via the app-server\n * (`/api/v1/settings/profiles`) — and the view is backend-agnostic because it\n * goes through ProfilesService, which routes per active backend.\n \n The LlmSettingsScreen component is also exported for embedded use cases\n * (e.g., onboarding, the profile create/edit form).\n \n Note: This is a route file, only the router should import the default export.\n * Other consumers should use the named export `LlmSettingsScreen` for embedded\n * use cases.\n */\nexport default function LlmSettingsRoute() {\n return <LlmSettingsLocalView />;\n}\n"],"mappings":"utCAwCA,IAAM,EAAoB,IAAI,IAAI,CAChC,YACA,cACA,eACA,EAAA,kBACA,EAAA,2BACF,CAAC,EAEK,GAAgB,EAAyB,IACzC,CAAC,GAAY,CAAC,EAAc,KACzB,GAAG,EAAS,GAAG,IAGlB,GACJ,EACA,IAEA,GAAQ,SACL,QAAS,GAAY,EAAQ,MAAM,EACnC,KAAM,GAAU,EAAM,MAAQ,CAAQ,GAAG,SAAW,KAEnD,EAAyE,CAC7E,OAAQ,IAAI,IAAI,CAAC,yBAA0B,2BAA2B,CAAC,EACvE,SAAU,IAAI,IAAI,CAAC,gCAAgC,CAAC,CACtD,EAEM,EAAoB,GAAoB,CAC5C,GAAI,CACF,IAAM,EAAY,IAAI,IAAI,CAAO,EAC3B,EAAiB,EAAU,SAAS,QAAQ,OAAQ,EAAE,GAAK,GACjE,MAAO,GAAG,EAAU,SAAS,GAC/B,MAAQ,CACN,OAAO,EAAQ,KAAK,EAAE,QAAQ,OAAQ,EAAE,CAC1C,CACF,EAEM,GAA4B,EAAe,IAAoB,CACnE,IAAM,EAAoB,EAAiB,CAAO,EAC5C,CAAE,YAAa,EAAA,wBAAwB,CAAK,EAElD,GAAI,EAAU,CACZ,IAAM,EAAgB,EAAiC,GACvD,GAAI,EACF,OAAO,EAAc,IAAI,CAAiB,CAE9C,CAEA,OAAO,OAAO,OAAO,CAAgC,EAAE,KAAM,GAC3D,GAAe,IAAI,CAAiB,CACtC,CACF,EAMA,SAAS,EAAoB,CAAE,UAAoC,CACjE,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAExC,OACE,EAAA,EAAA,KAAC,EAAA,SAAD,CACU,SACR,KAAM,EAAE,EAAA,QAAQ,oCAAoC,EACpD,SAAU,EAAE,EAAA,QAAQ,qBAAqB,EACzC,KAAK,8CACL,OAAQ,IAAI,EAAE,EAAA,QAAQ,sCAAsC,GAC7D,CAAA,CAEL,CAEA,SAAS,GAA0B,CACjC,OACE,EAAA,EAAA,MAAC,IAAD,CACE,cAAY,6BACZ,UAAU,uDAFZ,EAIE,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,UAAU,sCAAsC,cAAA,EAAa,CAAA,GACnE,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAA,yBAAgC,CAAA,CACtC,GAEP,CAEA,SAAgB,EAAkB,CAChC,QAAQ,WACR,gBACA,wBACA,WACA,iBACA,uBACA,uBAeC,CACD,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAElC,CAAE,KAAM,GAAa,EAAA,YAAY,CAAK,EACtC,CAAE,KAAM,GAAW,EAAA,uBACvB,GAAU,qBACZ,EACM,EAAuB,GAAU,gBAAgB,IAGjD,EAAkB,EAAA,mBACtB,IAAA,kBACE,GAAsB,SAC1B,EACM,CAAC,EAA0B,GAC/B,EAAA,QAAM,SAAS,IAAoB,EAAA,0BAA0B,EACzD,CACJ,KAAM,EACN,UAAW,EACX,WAAY,GACV,EAAA,4BAA4B,CAAE,QAAS,CAAyB,CAAC,EAC/D,EACJ,GACA,CAAC,IACA,GAA+B,GAC5B,EAAqB,EAAA,QAAM,OAAsB,IAAI,EACrD,EAA2B,EAAA,QAAM,OAAsB,IAAI,EAEjE,EAAA,QAAM,cAAgB,CAChB,IAAA,gBACF,EAA4B,EAAI,CAEpC,EAAG,CAAC,CAAe,CAAC,EAEpB,IAAM,EAAe,OAClB,EAAA,iBAAiB,gBAAgB,KAAiC,OACjE,EACJ,EAEM,EAAiB,EAAA,QAAM,aAEzB,EACA,IACiB,CACjB,IAAM,EAAa,EAAA,iBAAiB,EAAiB,CAAc,EACnE,GAAI,IAAe,QACjB,OAAO,EAGT,IAAM,EAAe,EAAgB,WAAa,GAC5C,EAAiB,EAAgB,cAAc,KAAK,GAAK,GAK/D,OAHE,EAAe,OAAS,GACxB,CAAC,EAAyB,EAAc,CAAc,EAE9B,MAAQ,OACpC,EACA,CAAC,CACH,EAEM,EAAc,EAAA,QAAM,aACvB,CAAE,SAAQ,aAAY,OAAM,cAAsC,CACjE,IAAM,EACJ,OAAO,EAAO,cAAiB,SAAW,EAAO,aAAe,GAC5D,EACJ,OAAO,EAAO,iBAAoB,SAC9B,EAAO,gBACP,GACA,EAA0B,EAAW,WAAW,YAAY,EAC5D,EAAW,EAAA,mBAAmB,EAAO,EAAA,kBAAkB,EACvD,EAAqB,IAAa,EAAA,2BAClC,EACJ,GAAe,GAAsB,EACjC,EAAyB,GAAoB,SAAS,CAAU,EAClE,EACC,IAAqB,IAAM,GAE1B,EACJ,OAAO,EAAO,gBAAmB,SAAW,EAAO,eAAiB,GAKhE,EAAc,EAChB,EAAY,OAAS,EACrB,EAAQ,GAAU,gBAEhB,GAAqB,EAAgB,KACzC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACU,SACR,MAAO,EAAE,EAAA,QAAQ,qBAAqB,EACtC,KAAK,WACL,UAAU,SACV,MAAO,EAEP,YAAa,EAAc,WAAa,GACxC,SAAW,GAAU,EAAS,cAAe,CAAK,EACtC,aACZ,aACE,GAAc,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,MAAO,CAAc,CAAA,EAAI,IAAA,EAEzD,CAAA,GAED,EAAA,EAAA,KAAC,EAAA,SAAD,CACE,OAAQ,EACR,KAAM,EAAE,EAAA,QAAQ,0BAA0B,EAC1C,SAAU,EAAE,EAAA,QAAQ,+BAA+B,EACnD,KAAK,iEACN,CAAA,CACD,CAAA,CAAA,EAGE,EAAwB,GAAkC,CAC9D,IAAM,EACJ,IAAA,eACI,EAAA,2BACA,EAAA,sBAGN,GAFA,EAAS,EAAA,kBAAmB,CAAY,EAEpC,IAAA,eAA6C,CAC/C,EAA4B,EAAI,EAC5B,GAAc,CAAC,GAAoB,SAAS,CAAU,IACxD,EAAmB,QAAU,GAE/B,IAAM,EACJ,EAAyB,SACzB,GAAoB,SAAS,EAAyB,OAAO,EACzD,EAAyB,QACzB,IAAqB,GAC3B,EAAS,EAAA,4BAA6B,EAAA,0BAA0B,EAE9D,CAAC,GAAoB,SAAS,CAAU,GACxC,GAEA,EAAS,YAAa,CAAyB,EAEjD,MACF,CAEI,GAAc,GAAoB,SAAS,CAAU,IACvD,EAAyB,QAAU,EACnC,EAAS,YAAa,EAAmB,SAAW,CAAY,EAEpE,EAEM,OACJ,EAAA,EAAA,KAAC,EAAA,sBAAD,CACE,OAAO,sBACP,KAAM,EAAA,kBACN,MAAO,EAAE,EAAA,QAAQ,sBAAsB,EACvC,MAAO,CACL,CACE,IAAK,EAAA,sBACL,MAAO,EAAE,EAAA,QAAQ,8BAA8B,CACjD,EACA,CACE,IAAK,EAAA,2BACL,MAAO,EAAE,EAAA,QAAQ,mCAAmC,CACtD,CACF,EACA,YAAa,EACb,YAAa,GACb,SAAA,GACA,WAAY,EACZ,kBAAmB,CACpB,CAAA,EAGG,OACJ,EAAA,EAAA,MAAC,MAAD,CACE,UAAU,sBACV,cAAY,qCAFd,EAIE,EAAA,EAAA,KAAC,EAAA,sBAAD,CACE,OAAO,+BACP,KAAK,yBACL,MAAO,EAAE,EAAA,QAAQ,2BAA2B,EAC5C,OAAQ,GAAsB,CAAC,GAAG,IAAK,IAAW,CAChD,IAAK,EACL,MAAO,CACT,EAAE,EACF,YAAa,EACb,YAAa,GACb,SAAA,GACA,WACE,GAAqC,CAAC,GAAoB,OAE5D,kBAAoB,GAAgB,CAClC,IAAM,EACJ,OAAO,GAAgB,SACnB,EACA,IAAqB,GACvB,GACF,EAAS,YAAa,CAAS,CAEnC,CACD,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,2BAAD,CAAwC,YAAa,CAAA,CAClD,IAGP,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,+BACZ,IAAS,SACR,EAAA,EAAA,MAAC,MAAD,CACE,UAAU,sBACV,cAAY,mCAFd,CAIG,EAAoB,EAEpB,EACC,EAA2B,GAE3B,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,aAAc,GAAc,IAAA,GAC5B,UAAW,EAAU,IAAU,CAC7B,IAAM,EAAY,EAAa,EAAU,CAAK,EAC1C,GACF,EAAS,YAAa,CAAS,CAEnC,EACA,iBAAiB,mBACL,YACb,CAAA,EAEA,GACC,EAAA,EAAA,KAAC,EAAD,CAAqB,OAAO,wBAA0B,CAAA,EACpD,KAEH,EAEC,oBAEA,yBACF,CACA,CAAA,CAAA,CAED,KAEL,EAAA,EAAA,MAAC,MAAD,CACE,UAAU,sBACV,cAAY,sCAFd,CAIG,EAAoB,EAEpB,EACC,EAA2B,GAE3B,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAO,yBACP,MAAO,EAAE,EAAA,QAAQ,qBAAqB,EACtC,KAAK,OACL,UAAU,SACV,MAAO,EACP,YAAa,EACb,SAAW,GAAU,EAAS,YAAa,CAAK,EACpC,YACb,CAAA,EAEA,GACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,EAAA,qBAAqB,CAAU,GAC9B,EAAA,EAAA,KAAC,EAAD,CAA0B,CAAA,EACxB,MACJ,EAAA,EAAA,KAAC,EAAD,CAAqB,OAAO,0BAA4B,CAAA,CACxD,CAAA,CAAA,EACA,MAEJ,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAO,iBACP,MAAO,EAAE,EAAA,QAAQ,iBAAiB,EAClC,KAAK,OACL,UAAU,SACV,MAAO,EAEP,YAAY,yBACZ,SAAW,GAAU,EAAS,eAAgB,CAAK,EACvC,YACb,CAAA,EAEA,EAEC,oBAEA,kCACF,CACA,CAAA,CAAA,CAED,GAEJ,CAAA,CAET,EACA,CACE,EACA,EACA,EACA,GAAU,gBACV,EACA,CACF,CACF,EAEM,EAAe,EAAA,QAAM,aAEvB,EACA,IAKG,CAIH,IAAM,EAAgB,gBACnB,EAAe,qBAAmD,CAAC,CACtE,EACM,EAAO,EAAc,KAAO,CAAC,EAGnC,GAFiB,EAAA,mBAAmB,EAAQ,OAAA,gBAExC,IAAA,eAAyC,CAC3C,EAAI,UAAY,EAAA,2BAChB,EAAI,oBAAsB,EAAA,2BAC1B,IAAM,EACJ,OAAO,EAAI,OAAU,SACjB,EAAI,MACJ,OAAO,EAAQ,OAAO,cAAgB,EAAE,EACxC,EAA4B,IAAqB,GACvD,GACE,CAAC,GAAoB,SAAS,CAAK,GACnC,CAAC,EAED,MAAU,MAAM,yCAAyC,EAE3D,EAAI,MAAQ,GAAoB,SAAS,CAAK,EAC1C,EACA,EACJ,OAAO,EAAI,QACX,OAAO,EAAI,QACb,MACM,EAAQ,MAAA,mBACV,EAAI,UAAY,EAAA,sBAChB,EAAI,oBAAsB,MAExB,EAAQ,OAAS,SAAW,EAAI,QAAU,IAAA,KAC5C,EAAI,SAAW,EAA2B,EAAQ,cAAc,GAKpE,MADA,GAAc,IAAM,EACb,CAAE,oBAAqB,CAAc,CAC9C,EACA,CAAC,EAAQ,CAAkB,CAC7B,EAEA,OACE,EAAA,EAAA,KAAC,EAAA,eAAD,CACS,QACP,gBAAiB,CACf,CACE,eAAgB,iBAChB,YAAa,CAAC,KAAK,EACnB,YAAa,CACf,CACF,EACA,OAAQ,EACM,eACE,iBAChB,sBAAA,GACA,aAAA,GACe,gBACQ,wBACb,WACM,iBACM,uBACD,sBACrB,OAAO,qBACR,CAAA,CAEL"}
1	+ {"version":3,"file":"llm-settings.cjs","names":[],"sources":["../../src/routes/llm-settings.tsx"],"sourcesContent":["import React from \"react\";\nimport { Info } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModelSelector } from \"#/components/shared/modals/settings/model-selector\";\nimport { useAgentSettingsSchema } from \"#/hooks/query/use-agent-settings-schema\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { SettingsDropdownInput } from \"#/components/features/settings/settings-dropdown-input\";\nimport { OpenAISubscriptionAuthCard } from \"#/components/features/settings/llm-settings/openai-subscription-auth-card\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { KeyStatusIcon } from \"#/components/features/settings/key-status-icon\";\nimport {\n SdkSectionHeaderProps,\n SdkSectionPage,\n SdkSectionSaveControl,\n} from \"#/components/features/settings/sdk-settings/sdk-section-page\";\nimport { LlmSettingsLocalView } from \"#/components/features/settings/llm-profiles\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Settings, SettingsSchema, SettingsScope } from \"#/types/settings\";\nimport { extractModelAndProvider } from \"#/utils/extract-model-and-provider\";\nimport {\n inferInitialView,\n type SettingsFormValues,\n type SettingsView,\n} from \"#/utils/sdk-settings-schema\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport {\n LLM_AUTH_TYPE_API_KEY,\n LLM_AUTH_TYPE_KEY,\n LLM_AUTH_TYPE_SUBSCRIPTION,\n LLM_SUBSCRIPTION_VENDOR_KEY,\n OPENAI_SUBSCRIPTION_VENDOR,\n resolveLlmAuthType,\n} from \"#/constants/llm-subscription\";\nimport { useOpenAISubscriptionModels } from \"#/hooks/query/use-llm-subscription-models\";\nimport { useProviderConnections } from \"#/hooks/query/use-provider-connections\";\nimport {\n FREE_OPENHANDS_MODEL_NOTE,\n isFreeOpenHandsModel,\n} from \"#/utils/format-model-name\";\n\n/** Form-values key for the shared provider connection a profile links to. /\nexport const LLM_PROVIDER_CONNECTION_KEY = \"llm.provider_connection_id\";\n\n/* Dropdown sentinel for \"no provider connection\" (an inline key is used). /\nconst NO_PROVIDER_CONNECTION = \"__none__\";\n\nconst LLM_EXCLUDED_KEYS = new Set([\n \"llm.model\",\n \"llm.api_key\",\n \"llm.base_url\",\n LLM_PROVIDER_CONNECTION_KEY,\n LLM_AUTH_TYPE_KEY,\n LLM_SUBSCRIPTION_VENDOR_KEY,\n]);\n\nconst buildModelId = (provider: string \| null, model: string \| null) => {\n if (!provider \|\| !model) return null;\n return `${provider}/${model}`;\n};\n\nconst getSchemaFieldDefaultValue = (\n schema: SettingsSchema \| null \| undefined,\n fieldKey: string,\n) =>\n schema?.sections\n .flatMap((section) => section.fields)\n .find((field) => field.key === fieldKey)?.default ?? null;\n\nconst KNOWN_PROVIDER_DEFAULT_BASE_URLS: Partial<Record<string, Set<string>>> = {\n openai: new Set([\"https://api.openai.com\", \"https://api.openai.com/v1\"]),\n moonshot: new Set([\"https://api.kimi.com/coding/v1\"]),\n};\n\nconst normalizeBaseUrl = (baseUrl: string) => {\n try {\n const parsedUrl = new URL(baseUrl);\n const normalizedPath = parsedUrl.pathname.replace(/\\/+$/, \"\") \|\| \"\";\n return `${parsedUrl.origin}${normalizedPath}`;\n } catch {\n return baseUrl.trim().replace(/\\/+$/, \"\");\n }\n};\n\nconst isProviderDefaultBaseUrl = (model: string, baseUrl: string) => {\n const normalizedBaseUrl = normalizeBaseUrl(baseUrl);\n const { provider } = extractModelAndProvider(model);\n\n if (provider) {\n const knownDefaults = KNOWN_PROVIDER_DEFAULT_BASE_URLS[provider];\n if (knownDefaults) {\n return knownDefaults.has(normalizedBaseUrl);\n }\n }\n\n return Object.values(KNOWN_PROVIDER_DEFAULT_BASE_URLS).some((knownDefaults) =>\n knownDefaults?.has(normalizedBaseUrl),\n );\n};\n\ninterface OpenHandsApiKeyHelpProps {\n testId: string;\n}\n\nfunction OpenHandsApiKeyHelp({ testId }: OpenHandsApiKeyHelpProps) {\n const { t } = useTranslation(\"openhands\");\n\n return (\n <HelpLink\n testId={testId}\n text={t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT)}\n linkText={t(I18nKey.SETTINGS$NAV_API_KEYS)}\n href=\"https://app.all-hands.dev/settings/api-keys\"\n suffix={` ${t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`}\n />\n );\n}\n\nfunction OpenHandsFreeModelsNote() {\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\nexport function LlmSettingsScreen({\n scope = \"personal\",\n onSaveSuccess,\n initialValueOverrides,\n embedded,\n hideSaveButton,\n suppressSuccessToast,\n onSaveControlChange,\n showProviderConnection,\n}: {\n scope?: SettingsScope;\n /* Optional hook fired after a successful save (e.g. advance an onboarding step). /\n onSaveSuccess?: () => void;\n /* Forwarded to {@link SdkSectionPage}. /\n initialValueOverrides?: SettingsFormValues;\n /* Forwarded to {@link SdkSectionPage}. /\n embedded?: boolean;\n /* Forwarded to {@link SdkSectionPage}. /\n hideSaveButton?: boolean;\n /* Forwarded to {@link SdkSectionPage}. /\n suppressSuccessToast?: boolean;\n /* Forwarded to {@link SdkSectionPage}. /\n onSaveControlChange?: (control: SdkSectionSaveControl) => void;\n /\n When true (the local profile editor), show a \"Provider connection\" selector\n * that links this profile to a shared connection. Only rendered when at least\n * one connection exists, so the form is unchanged until the user creates one.\n /\n showProviderConnection?: boolean;\n}) {\n const { t } = useTranslation(\"openhands\");\n\n const { data: providerConnections } = useProviderConnections();\n const connectionOptions = React.useMemo(\n () => (showProviderConnection ? (providerConnections ?? []) : []),\n [showProviderConnection, providerConnections],\n );\n\n const { data: settings } = useSettings(scope);\n const { data: schema } = useAgentSettingsSchema(\n settings?.agent_settings_schema,\n );\n const persistedLlmSettings = settings?.agent_settings?.llm as\n \| Record<string, unknown>\n \| undefined;\n const initialAuthType = resolveLlmAuthType(\n initialValueOverrides?.[LLM_AUTH_TYPE_KEY] ??\n persistedLlmSettings?.auth_type,\n );\n const [enableSubscriptionModels, setEnableSubscriptionModels] =\n React.useState(initialAuthType === LLM_AUTH_TYPE_SUBSCRIPTION);\n const {\n data: subscriptionModels,\n isLoading: isSubscriptionModelsLoading,\n isFetching: isSubscriptionModelsFetching,\n } = useOpenAISubscriptionModels({ enabled: enableSubscriptionModels });\n const isWaitingForSubscriptionModels =\n enableSubscriptionModels &&\n !subscriptionModels &&\n (isSubscriptionModelsLoading \|\| isSubscriptionModelsFetching);\n const lastApiKeyModelRef = React.useRef<string \| null>(null);\n const lastSubscriptionModelRef = React.useRef<string \| null>(null);\n\n React.useEffect(() => {\n if (initialAuthType === LLM_AUTH_TYPE_SUBSCRIPTION) {\n setEnableSubscriptionModels(true);\n }\n }, [initialAuthType]);\n\n const defaultModel = String(\n (DEFAULT_SETTINGS.agent_settings?.llm as Record<string, unknown>)?.model ??\n \"\",\n );\n\n const getInitialView = React.useCallback(\n (\n currentSettings: Settings,\n filteredSchema: SettingsSchema,\n ): SettingsView => {\n const schemaView = inferInitialView(currentSettings, filteredSchema);\n if (schemaView !== \"basic\") {\n return schemaView;\n }\n\n const currentModel = currentSettings.llm_model ?? \"\";\n const trimmedBaseUrl = currentSettings.llm_base_url?.trim() ?? \"\";\n const hasCustomBaseUrl =\n trimmedBaseUrl.length > 0 &&\n !isProviderDefaultBaseUrl(currentModel, trimmedBaseUrl);\n\n return hasCustomBaseUrl ? \"all\" : \"basic\";\n },\n [],\n );\n\n const buildHeader = React.useCallback(\n ({ values, isDisabled, view, onChange }: SdkSectionHeaderProps) => {\n const modelValue =\n typeof values[\"llm.model\"] === \"string\" ? values[\"llm.model\"] : \"\";\n const baseUrlValue =\n typeof values[\"llm.base_url\"] === \"string\"\n ? values[\"llm.base_url\"]\n : \"\";\n const showOpenHandsApiKeyHelp = modelValue.startsWith(\"openhands/\");\n const authType = resolveLlmAuthType(values[LLM_AUTH_TYPE_KEY]);\n const isSubscriptionAuth = authType === LLM_AUTH_TYPE_SUBSCRIPTION;\n const shouldDisableSubscriptionControls =\n isDisabled \|\| (isSubscriptionAuth && isWaitingForSubscriptionModels);\n const subscriptionModelValue = subscriptionModels?.includes(modelValue)\n ? modelValue\n : (subscriptionModels?.[0] ?? \"\");\n\n const apiKeyValue =\n typeof values[\"llm.api_key\"] === \"string\" ? values[\"llm.api_key\"] : \"\";\n // For embedded profile forms (create/edit) the global\n // `llm_api_key_set` flag is misleading: a brand-new profile would show a\n // \"key set\" indicator just because some other profile has a key. Reflect\n // the form's own key state instead so create mode starts visibly unset.\n const apiKeyIsSet = embedded\n ? apiKeyValue.length > 0\n : Boolean(settings?.llm_api_key_set);\n\n // A profile linked to a provider connection reads its api_key / base_url\n // from that connection, so the inline key + base URL inputs are hidden.\n const connectionValue =\n typeof values[LLM_PROVIDER_CONNECTION_KEY] === \"string\"\n ? values[LLM_PROVIDER_CONNECTION_KEY]\n : \"\";\n const isLinkedToConnection = Boolean(connectionValue);\n // Show the selector whenever connections can be linked here. Include the\n // linked case so a profile pointing at an orphaned connection (its only\n // connection deleted, or the list still loading) still exposes a control\n // to unlink — otherwise the API key / base URL inputs stay hidden with no\n // way to recover.\n const showConnectionSelector =\n showProviderConnection &&\n !isSubscriptionAuth &&\n (isLinkedToConnection \|\| connectionOptions.length > 0);\n // Surface an orphaned link (a selected id absent from the fetched list)\n // as its own option so the dropdown reflects it and can be cleared.\n const isOrphanedLink =\n isLinkedToConnection &&\n !connectionOptions.some((c) => c.id === connectionValue);\n\n const renderConnectionSelector = () => (\n <SettingsDropdownInput\n testId=\"llm-provider-connection-input\"\n name={LLM_PROVIDER_CONNECTION_KEY}\n label={t(I18nKey.SETTINGS$PROVIDER_CONNECTION_SELECT_LABEL)}\n items={[\n {\n key: NO_PROVIDER_CONNECTION,\n label: t(I18nKey.SETTINGS$MCP_AUTH_MODE_NONE),\n },\n ...connectionOptions.map((connection) => ({\n key: connection.id,\n label: connection.display_name,\n })),\n ...(isOrphanedLink\n ? [{ key: connectionValue, label: connectionValue }]\n : []),\n ]}\n selectedKey={connectionValue \|\| NO_PROVIDER_CONNECTION}\n isClearable={false}\n isDisabled={isDisabled}\n onSelectionChange={(selectedKey) => {\n const next =\n typeof selectedKey === \"string\" &&\n selectedKey !== NO_PROVIDER_CONNECTION\n ? selectedKey\n : \"\";\n onChange(LLM_PROVIDER_CONNECTION_KEY, next);\n }}\n />\n );\n\n const renderApiKeyInput = (testId: string, helpTestId: string) => (\n <>\n <SettingsInput\n testId={testId}\n label={t(I18nKey.SETTINGS_FORM$API_KEY)}\n type=\"password\"\n className=\"w-full\"\n value={apiKeyValue}\n // eslint-disable-next-line i18next/no-literal-string -- masked-key sentinel, not translatable\n placeholder={apiKeyIsSet ? \"<hidden>\" : \"\"}\n onChange={(value) => onChange(\"llm.api_key\", value)}\n isDisabled={isDisabled}\n startContent={\n apiKeyIsSet ? <KeyStatusIcon isSet={apiKeyIsSet} /> : undefined\n }\n />\n\n <HelpLink\n testId={helpTestId}\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 />\n </>\n );\n\n const handleAuthTypeChange = (selectedKey: React.Key \| null) => {\n const nextAuthType =\n selectedKey === LLM_AUTH_TYPE_SUBSCRIPTION\n ? LLM_AUTH_TYPE_SUBSCRIPTION\n : LLM_AUTH_TYPE_API_KEY;\n onChange(LLM_AUTH_TYPE_KEY, nextAuthType);\n\n if (nextAuthType === LLM_AUTH_TYPE_SUBSCRIPTION) {\n setEnableSubscriptionModels(true);\n if (modelValue && !subscriptionModels?.includes(modelValue)) {\n lastApiKeyModelRef.current = modelValue;\n }\n const restoredSubscriptionModel =\n lastSubscriptionModelRef.current &&\n subscriptionModels?.includes(lastSubscriptionModelRef.current)\n ? lastSubscriptionModelRef.current\n : subscriptionModels?.[0];\n onChange(LLM_SUBSCRIPTION_VENDOR_KEY, OPENAI_SUBSCRIPTION_VENDOR);\n if (\n !subscriptionModels?.includes(modelValue) &&\n restoredSubscriptionModel\n ) {\n onChange(\"llm.model\", restoredSubscriptionModel);\n }\n return;\n }\n\n if (modelValue && subscriptionModels?.includes(modelValue)) {\n lastSubscriptionModelRef.current = modelValue;\n onChange(\"llm.model\", lastApiKeyModelRef.current ?? defaultModel);\n }\n };\n\n const renderAuthTypeInput = () => (\n <SettingsDropdownInput\n testId=\"llm-auth-type-input\"\n name={LLM_AUTH_TYPE_KEY}\n label={t(I18nKey.SETTINGS$LLM_AUTH_TYPE)}\n items={[\n {\n key: LLM_AUTH_TYPE_API_KEY,\n label: t(I18nKey.SETTINGS$LLM_AUTH_TYPE_API_KEY),\n },\n {\n key: LLM_AUTH_TYPE_SUBSCRIPTION,\n label: t(I18nKey.SETTINGS$LLM_AUTH_TYPE_SUBSCRIPTION),\n },\n ]}\n selectedKey={authType}\n isClearable={false}\n required\n isDisabled={shouldDisableSubscriptionControls}\n onSelectionChange={handleAuthTypeChange}\n />\n );\n\n const renderSubscriptionSettings = () => (\n <div\n className=\"flex flex-col gap-6\"\n data-testid=\"llm-subscription-settings\"\n >\n <SettingsDropdownInput\n testId=\"llm-subscription-model-input\"\n name=\"llm.subscription_model\"\n label={t(I18nKey.SETTINGS$SUBSCRIPTION_MODEL)}\n items={(subscriptionModels ?? []).map((model) => ({\n key: model,\n label: model,\n }))}\n selectedKey={subscriptionModelValue}\n isClearable={false}\n required\n isDisabled={\n shouldDisableSubscriptionControls \|\| !subscriptionModels?.length\n }\n onSelectionChange={(selectedKey) => {\n const nextModel =\n typeof selectedKey === \"string\"\n ? selectedKey\n : subscriptionModels?.[0];\n if (nextModel) {\n onChange(\"llm.model\", nextModel);\n }\n }}\n />\n <OpenAISubscriptionAuthCard isDisabled={isDisabled} />\n </div>\n );\n\n return (\n <div className=\"flex flex-col gap-6\">\n {view === \"basic\" ? (\n <div\n className=\"flex flex-col gap-6\"\n data-testid=\"llm-settings-form-basic\"\n >\n {renderAuthTypeInput()}\n\n {isSubscriptionAuth ? (\n renderSubscriptionSettings()\n ) : (\n <>\n <ModelSelector\n currentModel={modelValue \|\| undefined}\n onChange={(provider, model) => {\n const nextModel = buildModelId(provider, model);\n if (nextModel) {\n onChange(\"llm.model\", nextModel);\n }\n }}\n wrapperClassName=\"!flex-col !gap-6\"\n isDisabled={isDisabled}\n />\n\n {showConnectionSelector ? renderConnectionSelector() : null}\n\n {showOpenHandsApiKeyHelp && !isLinkedToConnection ? (\n <OpenHandsApiKeyHelp testId=\"openhands-api-key-help\" />\n ) : null}\n\n {isLinkedToConnection\n ? null\n : renderApiKeyInput(\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"llm-api-key-input\",\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"llm-api-key-help-anchor\",\n )}\n </>\n )}\n </div>\n ) : (\n <div\n className=\"flex flex-col gap-6\"\n data-testid=\"llm-settings-form-advanced\"\n >\n {renderAuthTypeInput()}\n\n {isSubscriptionAuth ? (\n renderSubscriptionSettings()\n ) : (\n <>\n <SettingsInput\n testId=\"llm-custom-model-input\"\n label={t(I18nKey.SETTINGS$CUSTOM_MODEL)}\n type=\"text\"\n className=\"w-full\"\n value={modelValue}\n placeholder={defaultModel}\n onChange={(value) => onChange(\"llm.model\", value)}\n isDisabled={isDisabled}\n />\n\n {showOpenHandsApiKeyHelp && !isLinkedToConnection ? (\n <>\n {isFreeOpenHandsModel(modelValue) ? (\n <OpenHandsFreeModelsNote />\n ) : null}\n <OpenHandsApiKeyHelp testId=\"openhands-api-key-help-2\" />\n </>\n ) : null}\n\n {showConnectionSelector ? renderConnectionSelector() : null}\n\n {isLinkedToConnection ? null : (\n <SettingsInput\n testId=\"base-url-input\"\n label={t(I18nKey.SETTINGS$BASE_URL)}\n type=\"text\"\n className=\"w-full\"\n value={baseUrlValue}\n // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"https://api.openai.com\"\n onChange={(value) => onChange(\"llm.base_url\", value)}\n isDisabled={isDisabled}\n />\n )}\n\n {isLinkedToConnection\n ? null\n : renderApiKeyInput(\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"llm-api-key-input\",\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"llm-api-key-help-anchor-advanced\",\n )}\n </>\n )}\n </div>\n )}\n </div>\n );\n },\n [\n connectionOptions,\n showProviderConnection,\n defaultModel,\n embedded,\n isWaitingForSubscriptionModels,\n settings?.llm_api_key_set,\n subscriptionModels,\n t,\n ],\n );\n\n const buildPayload = React.useCallback(\n (\n defaultPayload: Record<string, unknown>,\n context: {\n values: Record<string, string \| boolean>;\n dirty: Record<string, boolean>;\n view: SettingsView;\n },\n ) => {\n // defaultPayload is the wrapped diff (e.g.\n // `{ agent_settings_diff: { llm: { model: \"gpt-4\" } } }`); we only\n // mutate the inner `llm` object below.\n const agentSettings = structuredClone(\n (defaultPayload.agent_settings_diff as Record<string, unknown>) ?? {},\n );\n const llm = (agentSettings.llm ?? {}) as Record<string, unknown>;\n const authType = resolveLlmAuthType(context.values[LLM_AUTH_TYPE_KEY]);\n\n if (authType === LLM_AUTH_TYPE_SUBSCRIPTION) {\n llm.auth_type = LLM_AUTH_TYPE_SUBSCRIPTION;\n llm.subscription_vendor = OPENAI_SUBSCRIPTION_VENDOR;\n const model =\n typeof llm.model === \"string\"\n ? llm.model\n : String(context.values[\"llm.model\"] ?? \"\");\n const fallbackSubscriptionModel = subscriptionModels?.[0];\n if (\n !subscriptionModels?.includes(model) &&\n !fallbackSubscriptionModel\n ) {\n throw new Error(\"Subscription models are not loaded yet.\");\n }\n llm.model = subscriptionModels?.includes(model)\n ? model\n : fallbackSubscriptionModel;\n delete llm.api_key;\n delete llm.base_url;\n } else {\n if (context.dirty[LLM_AUTH_TYPE_KEY]) {\n llm.auth_type = LLM_AUTH_TYPE_API_KEY;\n llm.subscription_vendor = null;\n }\n if (context.view === \"basic\" && llm.model !== undefined) {\n llm.base_url = getSchemaFieldDefaultValue(schema, \"llm.base_url\");\n }\n }\n\n agentSettings.llm = llm;\n return { agent_settings_diff: agentSettings };\n },\n [schema, subscriptionModels],\n );\n\n return (\n <SdkSectionPage\n scope={scope}\n settingsSources={[\n {\n settingsSource: \"agent_settings\",\n sectionKeys: [\"llm\"],\n excludeKeys: LLM_EXCLUDED_KEYS,\n },\n ]}\n header={buildHeader}\n buildPayload={buildPayload}\n getInitialView={getInitialView}\n forceShowAdvancedView\n allowAllView\n onSaveSuccess={onSaveSuccess}\n initialValueOverrides={initialValueOverrides}\n embedded={embedded}\n hideSaveButton={hideSaveButton}\n suppressSuccessToast={suppressSuccessToast}\n onSaveControlChange={onSaveControlChange}\n testId=\"llm-settings-screen\"\n />\n );\n}\n\n/\n Default export for the route renders the LLM-profile management view for both\n * backend types. Both manage the LLM through named profiles — local via the\n * agent-server (`/api/profiles`), cloud via the app-server\n * (`/api/v1/settings/profiles`) — and the view is backend-agnostic because it\n * goes through ProfilesService, which routes per active backend.\n \n The LlmSettingsScreen component is also exported for embedded use cases\n * (e.g., onboarding, the profile create/edit form).\n \n Note: This is a route file, only the router should import the default export.\n * Other consumers should use the named export `LlmSettingsScreen` for embedded\n * use cases.\n */\nexport default function LlmSettingsRoute() {\n return <LlmSettingsLocalView />;\n}\n"],"mappings":"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"}

package/dist/routes/llm-settings.d.ts CHANGED Viewed

@@ -2,7 +2,9 @@ import React from "react";
 import { SdkSectionSaveControl } from "#/components/features/settings/sdk-settings/sdk-section-page";
 import { SettingsScope } from "#/types/settings";
 import { type SettingsFormValues } from "#/utils/sdk-settings-schema";
-export declare function LlmSettingsScreen({ scope, onSaveSuccess, initialValueOverrides, embedded, hideSaveButton, suppressSuccessToast, onSaveControlChange, }: {
+/** Form-values key for the shared provider connection a profile links to. */
+export declare const LLM_PROVIDER_CONNECTION_KEY = "llm.provider_connection_id";
+export declare function LlmSettingsScreen({ scope, onSaveSuccess, initialValueOverrides, embedded, hideSaveButton, suppressSuccessToast, onSaveControlChange, showProviderConnection, }: {
     scope?: SettingsScope;
     /** Optional hook fired after a successful save (e.g. advance an onboarding step). */
     onSaveSuccess?: () => void;
@@ -16,6 +18,12 @@ export declare function LlmSettingsScreen({ scope, onSaveSuccess, initialValueOv
     suppressSuccessToast?: boolean;
     /** Forwarded to {@link SdkSectionPage}. */
     onSaveControlChange?: (control: SdkSectionSaveControl) => void;
+    /**
+     * When true (the local profile editor), show a "Provider connection" selector
+     * that links this profile to a shared connection. Only rendered when at least
+     * one connection exists, so the form is unchanged until the user creates one.
+     */
+    showProviderConnection?: boolean;
 }): React.JSX.Element;
 /**
  * Default export for the route renders the LLM-profile management view for both

package/dist/routes/llm-settings.js CHANGED Viewed

@@ -3,50 +3,52 @@ import { I18nKey as t } from "../i18n/declaration.js";
 import { Info as n } from "../node_modules/lucide-react/dist/esm/icons/info.js";
 import { DEFAULT_SETTINGS as r } from "../services/settings.js";
 import { LLM_AUTH_TYPE_API_KEY as i, LLM_AUTH_TYPE_KEY as a, LLM_AUTH_TYPE_SUBSCRIPTION as o, LLM_SUBSCRIPTION_VENDOR_KEY as s, OPENAI_SUBSCRIPTION_VENDOR as c, resolveLlmAuthType as l } from "../constants/llm-subscription.js";
-import { FREE_OPENHANDS_MODEL_NOTE as u, isFreeOpenHandsModel as d } from "../utils/format-model-name.js";
-import { useSettings as f } from "../hooks/query/use-settings.js";
-import { SettingsInput as p } from "../components/features/settings/settings-input.js";
-import { SettingsDropdownInput as m } from "../components/features/settings/settings-dropdown-input.js";
-import { extractModelAndProvider as h } from "../utils/extract-model-and-provider.js";
-import { HelpLink as g } from "../ui/help-link.js";
-import { ModelSelector as _ } from "../components/shared/modals/settings/model-selector.js";
-import { useAgentSettingsSchema as v } from "../hooks/query/use-agent-settings-schema.js";
-import { OpenAISubscriptionAuthCard as y } from "../components/features/settings/llm-settings/openai-subscription-auth-card.js";
-import { KeyStatusIcon as b } from "../components/features/settings/key-status-icon.js";
-import { inferInitialView as x } from "../utils/sdk-settings-schema.js";
-import { SdkSectionPage as S } from "../components/features/settings/sdk-settings/sdk-section-page.js";
+import { FREE_OPENHANDS_MODEL_NOTE as u, isFreeOpenHandsModel as ee } from "../utils/format-model-name.js";
+import { useSettings as d } from "../hooks/query/use-settings.js";
+import { SettingsInput as f } from "../components/features/settings/settings-input.js";
+import { SettingsDropdownInput as p } from "../components/features/settings/settings-dropdown-input.js";
+import { extractModelAndProvider as m } from "../utils/extract-model-and-provider.js";
+import { HelpLink as h } from "../ui/help-link.js";
+import { ModelSelector as te } from "../components/shared/modals/settings/model-selector.js";
+import { useAgentSettingsSchema as g } from "../hooks/query/use-agent-settings-schema.js";
+import { OpenAISubscriptionAuthCard as _ } from "../components/features/settings/llm-settings/openai-subscription-auth-card.js";
+import { KeyStatusIcon as v } from "../components/features/settings/key-status-icon.js";
+import { inferInitialView as y } from "../utils/sdk-settings-schema.js";
+import { SdkSectionPage as b } from "../components/features/settings/sdk-settings/sdk-section-page.js";
+import { useProviderConnections as x } from "../hooks/query/use-provider-connections.js";
 import "../components/features/settings/llm-profiles/index.js";
-import { useOpenAISubscriptionModels as C } from "../hooks/query/use-llm-subscription-models.js";
-import w from "react";
-import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { useOpenAISubscriptionModels as S } from "../hooks/query/use-llm-subscription-models.js";
+import C from "react";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
 //#region src/routes/llm-settings.tsx
-var O = new Set([
+var D = "llm.provider_connection_id", O = "__none__", k = new Set([
 	"llm.model",
 	"llm.api_key",
 	"llm.base_url",
+	D,
 	a,
 	s
-]), k = (e, t) => !e || !t ? null : `${e}/${t}`, A = (e, t) => e?.sections.flatMap((e) => e.fields).find((e) => e.key === t)?.default ?? null, j = {
+]), A = (e, t) => !e || !t ? null : `${e}/${t}`, j = (e, t) => e?.sections.flatMap((e) => e.fields).find((e) => e.key === t)?.default ?? null, M = {
 	openai: new Set(["https://api.openai.com", "https://api.openai.com/v1"]),
 	moonshot: new Set(["https://api.kimi.com/coding/v1"])
-}, M = (e) => {
+}, N = (e) => {
 	try {
 		let t = new URL(e), n = t.pathname.replace(/\/+$/, "") || "";
 		return `${t.origin}${n}`;
 	} catch {
 		return e.trim().replace(/\/+$/, "");
 	}
-}, N = (e, t) => {
-	let n = M(t), { provider: r } = h(e);
+}, P = (e, t) => {
+	let n = N(t), { provider: r } = m(e);
 	if (r) {
-		let e = j[r];
+		let e = M[r];
 		if (e) return e.has(n);
 	}
-	return Object.values(j).some((e) => e?.has(n));
+	return Object.values(M).some((e) => e?.has(n));
 };
-function P({ testId: n }) {
+function F({ testId: n }) {
 	let { t: r } = e("openhands");
-	return /* @__PURE__ */ E(g, {
+	return /* @__PURE__ */ T(h, {
 		testId: n,
 		text: r(t.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT),
 		linkText: r(t.SETTINGS$NAV_API_KEYS),
@@ -54,174 +56,202 @@ function P({ testId: n }) {
 		suffix: ` ${r(t.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`
 	});
 }
-function F() {
-	return /* @__PURE__ */ D("p", {
+function I() {
+	return /* @__PURE__ */ E("p", {
 		"data-testid": "openhands-free-models-note",
 		className: "flex items-start gap-2 text-xs text-warning",
-		children: [/* @__PURE__ */ E(n, {
+		children: [/* @__PURE__ */ T(n, {
 			className: "mt-0.5 size-4 shrink-0 text-warning",
 			"aria-hidden": !0
-		}), /* @__PURE__ */ E("span", { children: u })]
+		}), /* @__PURE__ */ T("span", { children: u })]
 	});
 }
-function I({ scope: n = "personal", onSaveSuccess: u, initialValueOverrides: h, embedded: j, hideSaveButton: M, suppressSuccessToast: I, onSaveControlChange: L }) {
-	let { t: R } = e("openhands"), { data: z } = f(n), { data: B } = v(z?.agent_settings_schema), V = z?.agent_settings?.llm, H = l(h?.["llm.auth_type"] ?? V?.auth_type), [U, W] = w.useState(H === o), { data: G, isLoading: K, isFetching: q } = C({ enabled: U }), J = U && !G && (K || q), Y = w.useRef(null), X = w.useRef(null);
-	w.useEffect(() => {
-		H === "subscription" && W(!0);
-	}, [H]);
-	let Z = String(r.agent_settings?.llm?.model ?? ""), Q = w.useCallback((e, t) => {
-		let n = x(e, t);
+function L({ scope: n = "personal", onSaveSuccess: u, initialValueOverrides: m, embedded: M, hideSaveButton: N, suppressSuccessToast: L, onSaveControlChange: R, showProviderConnection: z }) {
+	let { t: B } = e("openhands"), { data: V } = x(), H = C.useMemo(() => z ? V ?? [] : [], [z, V]), { data: U } = d(n), { data: W } = g(U?.agent_settings_schema), G = U?.agent_settings?.llm, K = l(m?.["llm.auth_type"] ?? G?.auth_type), [q, J] = C.useState(K === o), { data: Y, isLoading: ne, isFetching: re } = S({ enabled: q }), X = q && !Y && (ne || re), Z = C.useRef(null), Q = C.useRef(null);
+	C.useEffect(() => {
+		K === "subscription" && J(!0);
+	}, [K]);
+	let $ = String(r.agent_settings?.llm?.model ?? ""), ie = C.useCallback((e, t) => {
+		let n = y(e, t);
 		if (n !== "basic") return n;
 		let r = e.llm_model ?? "", i = e.llm_base_url?.trim() ?? "";
-		return i.length > 0 && !N(r, i) ? "all" : "basic";
-	}, []), $ = w.useCallback(({ values: e, isDisabled: n, view: r, onChange: u }) => {
-		let f = typeof e["llm.model"] == "string" ? e["llm.model"] : "", h = typeof e["llm.base_url"] == "string" ? e["llm.base_url"] : "", v = f.startsWith("openhands/"), x = l(e[a]), S = x === o, C = n || S && J, w = G?.includes(f) ? f : G?.[0] ?? "", O = typeof e["llm.api_key"] == "string" ? e["llm.api_key"] : "", A = j ? O.length > 0 : !!z?.llm_api_key_set, M = (e, r) => /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(p, {
+		return i.length > 0 && !P(r, i) ? "all" : "basic";
+	}, []), ae = C.useCallback(({ values: e, isDisabled: n, view: r, onChange: u }) => {
+		let d = typeof e["llm.model"] == "string" ? e["llm.model"] : "", m = typeof e["llm.base_url"] == "string" ? e["llm.base_url"] : "", g = d.startsWith("openhands/"), y = l(e[a]), b = y === o, x = n || b && X, S = Y?.includes(d) ? d : Y?.[0] ?? "", C = typeof e["llm.api_key"] == "string" ? e["llm.api_key"] : "", k = M ? C.length > 0 : !!U?.llm_api_key_set, j = typeof e["llm.provider_connection_id"] == "string" ? e[D] : "", N = !!j, P = z && !b && (N || H.length > 0), L = N && !H.some((e) => e.id === j), R = () => /* @__PURE__ */ T(p, {
+			testId: "llm-provider-connection-input",
+			name: D,
+			label: B(t.SETTINGS$PROVIDER_CONNECTION_SELECT_LABEL),
+			items: [
+				{
+					key: O,
+					label: B(t.SETTINGS$MCP_AUTH_MODE_NONE)
+				},
+				...H.map((e) => ({
+					key: e.id,
+					label: e.display_name
+				})),
+				...L ? [{
+					key: j,
+					label: j
+				}] : []
+			],
+			selectedKey: j || O,
+			isClearable: !1,
+			isDisabled: n,
+			onSelectionChange: (e) => {
+				u(D, typeof e == "string" && e !== O ? e : "");
+			}
+		}), V = (e, r) => /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(f, {
 			testId: e,
-			label: R(t.SETTINGS_FORM$API_KEY),
+			label: B(t.SETTINGS_FORM$API_KEY),
 			type: "password",
 			className: "w-full",
-			value: O,
-			placeholder: A ? "<hidden>" : "",
+			value: C,
+			placeholder: k ? "<hidden>" : "",
 			onChange: (e) => u("llm.api_key", e),
 			isDisabled: n,
-			startContent: A ? /* @__PURE__ */ E(b, { isSet: A }) : void 0
-		}), /* @__PURE__ */ E(g, {
+			startContent: k ? /* @__PURE__ */ T(v, { isSet: k }) : void 0
+		}), /* @__PURE__ */ T(h, {
 			testId: r,
-			text: R(t.SETTINGS$DONT_KNOW_API_KEY),
-			linkText: R(t.SETTINGS$CLICK_FOR_INSTRUCTIONS),
+			text: B(t.SETTINGS$DONT_KNOW_API_KEY),
+			linkText: B(t.SETTINGS$CLICK_FOR_INSTRUCTIONS),
 			href: "https://docs.openhands.dev/usage/local-setup#getting-an-api-key"
-		})] }), N = (e) => {
+		})] }), W = (e) => {
 			let t = e === "subscription" ? o : i;
 			if (u(a, t), t === "subscription") {
-				W(!0), f && !G?.includes(f) && (Y.current = f);
-				let e = X.current && G?.includes(X.current) ? X.current : G?.[0];
-				u(s, c), !G?.includes(f) && e && u("llm.model", e);
+				J(!0), d && !Y?.includes(d) && (Z.current = d);
+				let e = Q.current && Y?.includes(Q.current) ? Q.current : Y?.[0];
+				u(s, c), !Y?.includes(d) && e && u("llm.model", e);
 				return;
 			}
-			f && G?.includes(f) && (X.current = f, u("llm.model", Y.current ?? Z));
-		}, I = () => /* @__PURE__ */ E(m, {
+			d && Y?.includes(d) && (Q.current = d, u("llm.model", Z.current ?? $));
+		}, G = () => /* @__PURE__ */ T(p, {
 			testId: "llm-auth-type-input",
 			name: a,
-			label: R(t.SETTINGS$LLM_AUTH_TYPE),
+			label: B(t.SETTINGS$LLM_AUTH_TYPE),
 			items: [{
 				key: i,
-				label: R(t.SETTINGS$LLM_AUTH_TYPE_API_KEY)
+				label: B(t.SETTINGS$LLM_AUTH_TYPE_API_KEY)
 			}, {
 				key: o,
-				label: R(t.SETTINGS$LLM_AUTH_TYPE_SUBSCRIPTION)
+				label: B(t.SETTINGS$LLM_AUTH_TYPE_SUBSCRIPTION)
 			}],
-			selectedKey: x,
+			selectedKey: y,
 			isClearable: !1,
 			required: !0,
-			isDisabled: C,
-			onSelectionChange: N
-		}), L = () => /* @__PURE__ */ D("div", {
+			isDisabled: x,
+			onSelectionChange: W
+		}), K = () => /* @__PURE__ */ E("div", {
 			className: "flex flex-col gap-6",
 			"data-testid": "llm-subscription-settings",
-			children: [/* @__PURE__ */ E(m, {
+			children: [/* @__PURE__ */ T(p, {
 				testId: "llm-subscription-model-input",
 				name: "llm.subscription_model",
-				label: R(t.SETTINGS$SUBSCRIPTION_MODEL),
-				items: (G ?? []).map((e) => ({
+				label: B(t.SETTINGS$SUBSCRIPTION_MODEL),
+				items: (Y ?? []).map((e) => ({
 					key: e,
 					label: e
 				})),
-				selectedKey: w,
+				selectedKey: S,
 				isClearable: !1,
 				required: !0,
-				isDisabled: C || !G?.length,
+				isDisabled: x || !Y?.length,
 				onSelectionChange: (e) => {
-					let t = typeof e == "string" ? e : G?.[0];
+					let t = typeof e == "string" ? e : Y?.[0];
 					t && u("llm.model", t);
 				}
-			}), /* @__PURE__ */ E(y, { isDisabled: n })]
+			}), /* @__PURE__ */ T(_, { isDisabled: n })]
 		});
-		return /* @__PURE__ */ E("div", {
+		return /* @__PURE__ */ T("div", {
 			className: "flex flex-col gap-6",
-			children: r === "basic" ? /* @__PURE__ */ D("div", {
+			children: r === "basic" ? /* @__PURE__ */ E("div", {
 				className: "flex flex-col gap-6",
 				"data-testid": "llm-settings-form-basic",
-				children: [I(), S ? L() : /* @__PURE__ */ D(T, { children: [
-					/* @__PURE__ */ E(_, {
-						currentModel: f || void 0,
+				children: [G(), b ? K() : /* @__PURE__ */ E(w, { children: [
+					/* @__PURE__ */ T(te, {
+						currentModel: d || void 0,
 						onChange: (e, t) => {
-							let n = k(e, t);
+							let n = A(e, t);
 							n && u("llm.model", n);
 						},
 						wrapperClassName: "!flex-col !gap-6",
 						isDisabled: n
 					}),
-					v ? /* @__PURE__ */ E(P, { testId: "openhands-api-key-help" }) : null,
-					M("llm-api-key-input", "llm-api-key-help-anchor")
+					P ? R() : null,
+					g && !N ? /* @__PURE__ */ T(F, { testId: "openhands-api-key-help" }) : null,
+					N ? null : V("llm-api-key-input", "llm-api-key-help-anchor")
 				] })]
-			}) : /* @__PURE__ */ D("div", {
+			}) : /* @__PURE__ */ E("div", {
 				className: "flex flex-col gap-6",
 				"data-testid": "llm-settings-form-advanced",
-				children: [I(), S ? L() : /* @__PURE__ */ D(T, { children: [
-					/* @__PURE__ */ E(p, {
+				children: [G(), b ? K() : /* @__PURE__ */ E(w, { children: [
+					/* @__PURE__ */ T(f, {
 						testId: "llm-custom-model-input",
-						label: R(t.SETTINGS$CUSTOM_MODEL),
+						label: B(t.SETTINGS$CUSTOM_MODEL),
 						type: "text",
 						className: "w-full",
-						value: f,
-						placeholder: Z,
+						value: d,
+						placeholder: $,
 						onChange: (e) => u("llm.model", e),
 						isDisabled: n
 					}),
-					v ? /* @__PURE__ */ D(T, { children: [d(f) ? /* @__PURE__ */ E(F, {}) : null, /* @__PURE__ */ E(P, { testId: "openhands-api-key-help-2" })] }) : null,
-					/* @__PURE__ */ E(p, {
+					g && !N ? /* @__PURE__ */ E(w, { children: [ee(d) ? /* @__PURE__ */ T(I, {}) : null, /* @__PURE__ */ T(F, { testId: "openhands-api-key-help-2" })] }) : null,
+					P ? R() : null,
+					N ? null : /* @__PURE__ */ T(f, {
 						testId: "base-url-input",
-						label: R(t.SETTINGS$BASE_URL),
+						label: B(t.SETTINGS$BASE_URL),
 						type: "text",
 						className: "w-full",
-						value: h,
+						value: m,
 						placeholder: "https://api.openai.com",
 						onChange: (e) => u("llm.base_url", e),
 						isDisabled: n
 					}),
-					M("llm-api-key-input", "llm-api-key-help-anchor-advanced")
+					N ? null : V("llm-api-key-input", "llm-api-key-help-anchor-advanced")
 				] })]
 			})
 		});
 	}, [
-		Z,
-		j,
-		J,
-		z?.llm_api_key_set,
-		G,
-		R
-	]), ee = w.useCallback((e, t) => {
+		H,
+		z,
+		$,
+		M,
+		X,
+		U?.llm_api_key_set,
+		Y,
+		B
+	]), oe = C.useCallback((e, t) => {
 		let n = structuredClone(e.agent_settings_diff ?? {}), r = n.llm ?? {};
 		if (l(t.values["llm.auth_type"]) === "subscription") {
 			r.auth_type = o, r.subscription_vendor = c;
-			let e = typeof r.model == "string" ? r.model : String(t.values["llm.model"] ?? ""), n = G?.[0];
-			if (!G?.includes(e) && !n) throw Error("Subscription models are not loaded yet.");
-			r.model = G?.includes(e) ? e : n, delete r.api_key, delete r.base_url;
-		} else t.dirty["llm.auth_type"] && (r.auth_type = i, r.subscription_vendor = null), t.view === "basic" && r.model !== void 0 && (r.base_url = A(B, "llm.base_url"));
+			let e = typeof r.model == "string" ? r.model : String(t.values["llm.model"] ?? ""), n = Y?.[0];
+			if (!Y?.includes(e) && !n) throw Error("Subscription models are not loaded yet.");
+			r.model = Y?.includes(e) ? e : n, delete r.api_key, delete r.base_url;
+		} else t.dirty["llm.auth_type"] && (r.auth_type = i, r.subscription_vendor = null), t.view === "basic" && r.model !== void 0 && (r.base_url = j(W, "llm.base_url"));
 		return n.llm = r, { agent_settings_diff: n };
-	}, [B, G]);
-	return /* @__PURE__ */ E(S, {
+	}, [W, Y]);
+	return /* @__PURE__ */ T(b, {
 		scope: n,
 		settingsSources: [{
 			settingsSource: "agent_settings",
 			sectionKeys: ["llm"],
-			excludeKeys: O
+			excludeKeys: k
 		}],
-		header: $,
-		buildPayload: ee,
-		getInitialView: Q,
+		header: ae,
+		buildPayload: oe,
+		getInitialView: ie,
 		forceShowAdvancedView: !0,
 		allowAllView: !0,
 		onSaveSuccess: u,
-		initialValueOverrides: h,
-		embedded: j,
-		hideSaveButton: M,
-		suppressSuccessToast: I,
-		onSaveControlChange: L,
+		initialValueOverrides: m,
+		embedded: M,
+		hideSaveButton: N,
+		suppressSuccessToast: L,
+		onSaveControlChange: R,
 		testId: "llm-settings-screen"
 	});
 }
 //#endregion
-export { I as LlmSettingsScreen };
+export { L as LlmSettingsScreen };
 //# sourceMappingURL=llm-settings.js.map