@openhands/agent-canvas 1.15.0 → 1.16.0

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

@@ -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 { 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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"}
+{"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 { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n  FREE_OPENHANDS_MODEL_NOTE,\n  isFreeOpenHandsModel,\n  isOpenHandsProviderModel,\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$OPENHANDS_API_KEY_HELP_LINK)}\n      href=\"https://app.all-hands.dev/settings/api-keys\"\n      suffix={` ${t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`}\n      suffixLinkText={t(I18nKey.SETTINGS$SEE_HERE_FOR_MORE_DETAILS)}\n      suffixLinkHref=\"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\"\n      trailing=\".\"\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 { backend } = useActiveBackend();\n  const isCloud = backend.kind === \"cloud\";\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 = isOpenHandsProviderModel(modelValue);\n      const authType = resolveLlmAuthType(values[LLM_AUTH_TYPE_KEY]);\n      const isSubscriptionAuth = authType === LLM_AUTH_TYPE_SUBSCRIPTION;\n      // On cloud the OpenHands provider is backed by a server-minted LLM key,\n      // so the inline API key / base URL inputs are not user-supplied. Local\n      // mode still collects an api_key (the OpenHands provider can run against\n      // a self-hosted endpoint there).\n      const hideInlineCredentials =\n        isCloud && showOpenHandsApiKeyHelp && !isSubscriptionAuth;\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 = (\n        testId: string,\n        helpTestId: string,\n        openHandsHelpTestId: string,\n      ) => (\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          {/* The OpenHands provider's key lives in the OpenHands Cloud \"API\n              Keys\" tab, so point users there instead of the generic docs page\n              that covers both LLM and regular API keys. */}\n          {showOpenHandsApiKeyHelp ? (\n            <OpenHandsApiKeyHelp testId={openHandsHelpTestId} />\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\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                  {isLinkedToConnection || hideInlineCredentials\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                        // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n                        \"openhands-api-key-help\",\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                    </>\n                  ) : null}\n\n                  {showConnectionSelector ? renderConnectionSelector() : null}\n\n                  {isLinkedToConnection || hideInlineCredentials ? 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 || hideInlineCredentials\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                        // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n                        \"openhands-api-key-help-2\",\n                      )}\n                </>\n              )}\n            </div>\n          )}\n        </div>\n      );\n    },\n    [\n      connectionOptions,\n      showProviderConnection,\n      defaultModel,\n      embedded,\n      isCloud,\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        // On cloud the OpenHands provider uses a server-minted LLM key, so\n        // never send an inline api_key / base_url — let the backend attach its\n        // own credential. (Local mode still collects an inline key.)\n        if (\n          isCloud &&\n          isOpenHandsProviderModel(String(context.values[\"llm.model\"] ?? \"\"))\n        ) {\n          delete llm.api_key;\n          delete llm.base_url;\n        }\n      }\n\n      agentSettings.llm = llm;\n      return { agent_settings_diff: agentSettings };\n    },\n    [schema, subscriptionModels, isCloud],\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.js

@@ -1,34 +1,35 @@
 import { useTranslation as e } from "../node_modules/react-i18next/dist/es/useTranslation.js";
 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 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 { useActiveBackend as r } from "../contexts/active-backend-context.js";
+import { DEFAULT_SETTINGS as i } from "../services/settings.js";
+import { LLM_AUTH_TYPE_API_KEY as a, LLM_AUTH_TYPE_KEY as o, LLM_AUTH_TYPE_SUBSCRIPTION as s, LLM_SUBSCRIPTION_VENDOR_KEY as c, OPENAI_SUBSCRIPTION_VENDOR as l, resolveLlmAuthType as u } from "../constants/llm-subscription.js";
+import { FREE_OPENHANDS_MODEL_NOTE as d, isFreeOpenHandsModel as ee, isOpenHandsProviderModel as f } from "../utils/format-model-name.js";
+import { useSettings as p } from "../hooks/query/use-settings.js";
+import { SettingsInput as m } from "../components/features/settings/settings-input.js";
+import { SettingsDropdownInput as h } from "../components/features/settings/settings-dropdown-input.js";
+import { extractModelAndProvider as g } from "../utils/extract-model-and-provider.js";
+import { HelpLink as _ } 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 { 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 ne } from "../components/features/settings/key-status-icon.js";
+import { inferInitialView as b } from "../utils/sdk-settings-schema.js";
+import { SdkSectionPage as x } from "../components/features/settings/sdk-settings/sdk-section-page.js";
+import { useProviderConnections as S } from "../hooks/query/use-provider-connections.js";
 import "../components/features/settings/llm-profiles/index.js";
-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";
+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";
 //#region src/routes/llm-settings.tsx
-var D = "llm.provider_connection_id", O = "__none__", k = new Set([
+var O = "llm.provider_connection_id", k = "__none__", A = new Set([
 	"llm.model",
 	"llm.api_key",
 	"llm.base_url",
-	D,
-	a,
-	s
-]), 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 = {
+	O,
+	o,
+	c
+]), re = (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"])
 }, N = (e) => {
@@ -39,219 +40,226 @@ var D = "llm.provider_connection_id", O = "__none__", k = new Set([
 		return e.trim().replace(/\/+$/, "");
 	}
 }, P = (e, t) => {
-	let n = N(t), { provider: r } = m(e);
+	let n = N(t), { provider: r } = g(e);
 	if (r) {
 		let e = M[r];
 		if (e) return e.has(n);
 	}
 	return Object.values(M).some((e) => e?.has(n));
 };
-function F({ testId: n }) {
+function ie({ testId: n }) {
 	let { t: r } = e("openhands");
-	return /* @__PURE__ */ T(h, {
+	return /* @__PURE__ */ E(_, {
 		testId: n,
 		text: r(t.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT),
-		linkText: r(t.SETTINGS$NAV_API_KEYS),
+		linkText: r(t.SETTINGS$OPENHANDS_API_KEY_HELP_LINK),
 		href: "https://app.all-hands.dev/settings/api-keys",
-		suffix: ` ${r(t.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`
+		suffix: ` ${r(t.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`,
+		suffixLinkText: r(t.SETTINGS$SEE_HERE_FOR_MORE_DETAILS),
+		suffixLinkHref: "https://docs.openhands.dev/usage/local-setup#getting-an-api-key",
+		trailing: "."
 	});
 }
-function I() {
-	return /* @__PURE__ */ E("p", {
+function ae() {
+	return /* @__PURE__ */ D("p", {
 		"data-testid": "openhands-free-models-note",
 		className: "flex items-start gap-2 text-xs text-warning",
-		children: [/* @__PURE__ */ T(n, {
+		children: [/* @__PURE__ */ E(n, {
 			className: "mt-0.5 size-4 shrink-0 text-warning",
 			"aria-hidden": !0
-		}), /* @__PURE__ */ T("span", { children: u })]
+		}), /* @__PURE__ */ E("span", { children: d })]
 	});
 }
-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(() => {
+function F({ scope: n = "personal", onSaveSuccess: d, initialValueOverrides: g, embedded: M, hideSaveButton: N, suppressSuccessToast: F, onSaveControlChange: I, showProviderConnection: L }) {
+	let { t: R } = e("openhands"), { backend: z } = r(), B = z.kind === "cloud", { data: V } = S(), H = w.useMemo(() => L ? V ?? [] : [], [L, V]), { data: U } = p(n), { data: W } = v(U?.agent_settings_schema), G = U?.agent_settings?.llm, K = u(g?.["llm.auth_type"] ?? G?.auth_type), [q, J] = w.useState(K === s), { data: Y, isLoading: oe, isFetching: se } = C({ enabled: q }), X = q && !Y && (oe || se), Z = w.useRef(null), Q = w.useRef(null);
+	w.useEffect(() => {
 		K === "subscription" && J(!0);
 	}, [K]);
-	let $ = String(r.agent_settings?.llm?.model ?? ""), ie = C.useCallback((e, t) => {
-		let n = y(e, t);
+	let $ = String(i.agent_settings?.llm?.model ?? ""), ce = w.useCallback((e, t) => {
+		let n = b(e, t);
 		if (n !== "basic") return n;
 		let r = e.llm_model ?? "", i = e.llm_base_url?.trim() ?? "";
 		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, {
+	}, []), le = w.useCallback(({ values: e, isDisabled: n, view: r, onChange: i }) => {
+		let d = typeof e["llm.model"] == "string" ? e["llm.model"] : "", p = typeof e["llm.base_url"] == "string" ? e["llm.base_url"] : "", g = f(d), v = u(e[o]), b = v === s, x = B && g && !b, S = n || b && X, C = Y?.includes(d) ? d : Y?.[0] ?? "", w = typeof e["llm.api_key"] == "string" ? e["llm.api_key"] : "", A = M ? w.length > 0 : !!U?.llm_api_key_set, j = typeof e["llm.provider_connection_id"] == "string" ? e[O] : "", N = !!j, P = L && !b && (N || H.length > 0), F = N && !H.some((e) => e.id === j), I = () => /* @__PURE__ */ E(h, {
 			testId: "llm-provider-connection-input",
-			name: D,
-			label: B(t.SETTINGS$PROVIDER_CONNECTION_SELECT_LABEL),
+			name: O,
+			label: R(t.SETTINGS$PROVIDER_CONNECTION_SELECT_LABEL),
 			items: [
 				{
-					key: O,
-					label: B(t.SETTINGS$MCP_AUTH_MODE_NONE)
+					key: k,
+					label: R(t.SETTINGS$MCP_AUTH_MODE_NONE)
 				},
 				...H.map((e) => ({
 					key: e.id,
 					label: e.display_name
 				})),
-				...L ? [{
+				...F ? [{
 					key: j,
 					label: j
 				}] : []
 			],
-			selectedKey: j || O,
+			selectedKey: j || k,
 			isClearable: !1,
 			isDisabled: n,
 			onSelectionChange: (e) => {
-				u(D, typeof e == "string" && e !== O ? e : "");
+				i(O, typeof e == "string" && e !== k ? e : "");
 			}
-		}), V = (e, r) => /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(f, {
+		}), z = (e, r, a) => /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(m, {
 			testId: e,
-			label: B(t.SETTINGS_FORM$API_KEY),
+			label: R(t.SETTINGS_FORM$API_KEY),
 			type: "password",
 			className: "w-full",
-			value: C,
-			placeholder: k ? "<hidden>" : "",
-			onChange: (e) => u("llm.api_key", e),
+			value: w,
+			placeholder: A ? "<hidden>" : "",
+			onChange: (e) => i("llm.api_key", e),
 			isDisabled: n,
-			startContent: k ? /* @__PURE__ */ T(v, { isSet: k }) : void 0
-		}), /* @__PURE__ */ T(h, {
+			startContent: A ? /* @__PURE__ */ E(ne, { isSet: A }) : void 0
+		}), g ? /* @__PURE__ */ E(ie, { testId: a }) : /* @__PURE__ */ E(_, {
 			testId: r,
-			text: B(t.SETTINGS$DONT_KNOW_API_KEY),
-			linkText: B(t.SETTINGS$CLICK_FOR_INSTRUCTIONS),
+			text: R(t.SETTINGS$DONT_KNOW_API_KEY),
+			linkText: R(t.SETTINGS$CLICK_FOR_INSTRUCTIONS),
 			href: "https://docs.openhands.dev/usage/local-setup#getting-an-api-key"
-		})] }), W = (e) => {
-			let t = e === "subscription" ? o : i;
-			if (u(a, t), t === "subscription") {
+		})] }), V = (e) => {
+			let t = e === "subscription" ? s : a;
+			if (i(o, t), t === "subscription") {
 				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);
+				i(c, l), !Y?.includes(d) && e && i("llm.model", e);
 				return;
 			}
-			d && Y?.includes(d) && (Q.current = d, u("llm.model", Z.current ?? $));
-		}, G = () => /* @__PURE__ */ T(p, {
+			d && Y?.includes(d) && (Q.current = d, i("llm.model", Z.current ?? $));
+		}, W = () => /* @__PURE__ */ E(h, {
 			testId: "llm-auth-type-input",
-			name: a,
-			label: B(t.SETTINGS$LLM_AUTH_TYPE),
+			name: o,
+			label: R(t.SETTINGS$LLM_AUTH_TYPE),
 			items: [{
-				key: i,
-				label: B(t.SETTINGS$LLM_AUTH_TYPE_API_KEY)
+				key: a,
+				label: R(t.SETTINGS$LLM_AUTH_TYPE_API_KEY)
 			}, {
-				key: o,
-				label: B(t.SETTINGS$LLM_AUTH_TYPE_SUBSCRIPTION)
+				key: s,
+				label: R(t.SETTINGS$LLM_AUTH_TYPE_SUBSCRIPTION)
 			}],
-			selectedKey: y,
+			selectedKey: v,
 			isClearable: !1,
 			required: !0,
-			isDisabled: x,
-			onSelectionChange: W
-		}), K = () => /* @__PURE__ */ E("div", {
+			isDisabled: S,
+			onSelectionChange: V
+		}), G = () => /* @__PURE__ */ D("div", {
 			className: "flex flex-col gap-6",
 			"data-testid": "llm-subscription-settings",
-			children: [/* @__PURE__ */ T(p, {
+			children: [/* @__PURE__ */ E(h, {
 				testId: "llm-subscription-model-input",
 				name: "llm.subscription_model",
-				label: B(t.SETTINGS$SUBSCRIPTION_MODEL),
+				label: R(t.SETTINGS$SUBSCRIPTION_MODEL),
 				items: (Y ?? []).map((e) => ({
 					key: e,
 					label: e
 				})),
-				selectedKey: S,
+				selectedKey: C,
 				isClearable: !1,
 				required: !0,
-				isDisabled: x || !Y?.length,
+				isDisabled: S || !Y?.length,
 				onSelectionChange: (e) => {
 					let t = typeof e == "string" ? e : Y?.[0];
-					t && u("llm.model", t);
+					t && i("llm.model", t);
 				}
-			}), /* @__PURE__ */ T(_, { isDisabled: n })]
+			}), /* @__PURE__ */ E(y, { isDisabled: n })]
 		});
-		return /* @__PURE__ */ T("div", {
+		return /* @__PURE__ */ E("div", {
 			className: "flex flex-col gap-6",
-			children: r === "basic" ? /* @__PURE__ */ E("div", {
+			children: r === "basic" ? /* @__PURE__ */ D("div", {
 				className: "flex flex-col gap-6",
 				"data-testid": "llm-settings-form-basic",
-				children: [G(), b ? K() : /* @__PURE__ */ E(w, { children: [
-					/* @__PURE__ */ T(te, {
+				children: [W(), b ? G() : /* @__PURE__ */ D(T, { children: [
+					/* @__PURE__ */ E(te, {
 						currentModel: d || void 0,
 						onChange: (e, t) => {
-							let n = A(e, t);
-							n && u("llm.model", n);
+							let n = re(e, t);
+							n && i("llm.model", n);
 						},
 						wrapperClassName: "!flex-col !gap-6",
 						isDisabled: n
 					}),
-					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")
+					P ? I() : null,
+					N || x ? null : z("llm-api-key-input", "llm-api-key-help-anchor", "openhands-api-key-help")
 				] })]
-			}) : /* @__PURE__ */ E("div", {
+			}) : /* @__PURE__ */ D("div", {
 				className: "flex flex-col gap-6",
 				"data-testid": "llm-settings-form-advanced",
-				children: [G(), b ? K() : /* @__PURE__ */ E(w, { children: [
-					/* @__PURE__ */ T(f, {
+				children: [W(), b ? G() : /* @__PURE__ */ D(T, { children: [
+					/* @__PURE__ */ E(m, {
 						testId: "llm-custom-model-input",
-						label: B(t.SETTINGS$CUSTOM_MODEL),
+						label: R(t.SETTINGS$CUSTOM_MODEL),
 						type: "text",
 						className: "w-full",
 						value: d,
 						placeholder: $,
-						onChange: (e) => u("llm.model", e),
+						onChange: (e) => i("llm.model", e),
 						isDisabled: n
 					}),
-					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, {
+					g && !N ? /* @__PURE__ */ E(T, { children: ee(d) ? /* @__PURE__ */ E(ae, {}) : null }) : null,
+					P ? I() : null,
+					N || x ? null : /* @__PURE__ */ E(m, {
 						testId: "base-url-input",
-						label: B(t.SETTINGS$BASE_URL),
+						label: R(t.SETTINGS$BASE_URL),
 						type: "text",
 						className: "w-full",
-						value: m,
+						value: p,
 						placeholder: "https://api.openai.com",
-						onChange: (e) => u("llm.base_url", e),
+						onChange: (e) => i("llm.base_url", e),
 						isDisabled: n
 					}),
-					N ? null : V("llm-api-key-input", "llm-api-key-help-anchor-advanced")
+					N || x ? null : z("llm-api-key-input", "llm-api-key-help-anchor-advanced", "openhands-api-key-help-2")
 				] })]
 			})
 		});
 	}, [
 		H,
-		z,
+		L,
 		$,
 		M,
+		B,
 		X,
 		U?.llm_api_key_set,
 		Y,
-		B
-	]), oe = C.useCallback((e, t) => {
+		R
+	]), ue = w.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;
+		if (u(t.values["llm.auth_type"]) === "subscription") {
+			r.auth_type = s, r.subscription_vendor = l;
 			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"));
+		} else t.dirty["llm.auth_type"] && (r.auth_type = a, r.subscription_vendor = null), t.view === "basic" && r.model !== void 0 && (r.base_url = j(W, "llm.base_url")), B && f(String(t.values["llm.model"] ?? "")) && (delete r.api_key, delete r.base_url);
 		return n.llm = r, { agent_settings_diff: n };
-	}, [W, Y]);
-	return /* @__PURE__ */ T(b, {
+	}, [
+		W,
+		Y,
+		B
+	]);
+	return /* @__PURE__ */ E(x, {
 		scope: n,
 		settingsSources: [{
 			settingsSource: "agent_settings",
 			sectionKeys: ["llm"],
-			excludeKeys: k
+			excludeKeys: A
 		}],
-		header: ae,
-		buildPayload: oe,
-		getInitialView: ie,
+		header: le,
+		buildPayload: ue,
+		getInitialView: ce,
 		forceShowAdvancedView: !0,
 		allowAllView: !0,
-		onSaveSuccess: u,
-		initialValueOverrides: m,
+		onSaveSuccess: d,
+		initialValueOverrides: g,
 		embedded: M,
 		hideSaveButton: N,
-		suppressSuccessToast: L,
-		onSaveControlChange: R,
+		suppressSuccessToast: F,
+		onSaveControlChange: I,
 		testId: "llm-settings-screen"
 	});
 }
 //#endregion
-export { L as LlmSettingsScreen };
+export { F as LlmSettingsScreen };
 
 //# sourceMappingURL=llm-settings.js.map