@openhands/agent-canvas 1.0.0-rc.8 → 1.0.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 { 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 { 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 { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n  inferInitialView,\n  type SettingsFormValues,\n  type SettingsView,\n} from \"#/utils/sdk-settings-schema\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport {\n  OPENHANDS_LLM_PROXY_BASE_URL,\n  isOpenHandsProxyModel,\n} from \"#/utils/openhands-llm\";\n\nconst LLM_EXCLUDED_KEYS = new Set([\"llm.model\", \"llm.api_key\", \"llm.base_url\"]);\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  openhands: new Set([\n    OPENHANDS_LLM_PROXY_BASE_URL,\n    \"https://llm-proxy.app.all-hands.dev/v1\",\n  ]),\n  litellm_proxy: new Set([\n    OPENHANDS_LLM_PROXY_BASE_URL,\n    \"https://llm-proxy.app.all-hands.dev/v1\",\n  ]),\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\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\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\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            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      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              <ModelSelector\n                currentModel={modelValue || undefined}\n                currentBaseUrl={baseUrlValue || 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                \"llm-api-key-input\",\n                \"llm-api-key-help-anchor\",\n              )}\n            </div>\n          ) : (\n            <div\n              className=\"flex flex-col gap-6\"\n              data-testid=\"llm-settings-form-advanced\"\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                <OpenHandsApiKeyHelp testId=\"openhands-api-key-help-2\" />\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                placeholder=\"https://api.openai.com\"\n                onChange={(value) => onChange(\"llm.base_url\", value)}\n                isDisabled={isDisabled}\n              />\n\n              {renderApiKeyInput(\n                \"llm-api-key-input\",\n                \"llm-api-key-help-anchor-advanced\",\n              )}\n            </div>\n          )}\n        </div>\n      );\n    },\n    [defaultModel, embedded, settings?.llm_api_key_set, t],\n  );\n\n  const buildPayload = React.useCallback(\n    (\n      defaultPayload: Record<string, unknown>,\n      context: {\n        values: Record<string, 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\n      const llm = (agentSettings.llm ?? {}) as Record<string, unknown>;\n\n      if (context.view === \"basic\") {\n        const model = llm.model ?? context.values[\"llm.model\"];\n        const baseUrl = llm.base_url ?? context.values[\"llm.base_url\"];\n        llm.base_url = isOpenHandsProxyModel(model, baseUrl)\n          ? OPENHANDS_LLM_PROXY_BASE_URL\n          : getSchemaFieldDefaultValue(schema, \"llm.base_url\");\n        agentSettings.llm = llm;\n      }\n\n      return { agent_settings_diff: agentSettings };\n    },\n    [schema],\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 different views based on backend type:\n * - Local backends: LlmSettingsLocalView with profile management\n * - Cloud backends: Standard LlmSettingsScreen (profiles are not supported)\n *\n * The LlmSettingsScreen component is also exported for embedded use cases\n * (e.g., onboarding, profile editing forms).\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  const { backend } = useActiveBackend();\n  const isCloud = backend.kind === \"cloud\";\n\n  // Cloud backends use the standard LLM settings form (no profiles support)\n  if (isCloud) {\n    return <LlmSettingsScreen />;\n  }\n\n  // Local backends use the profile management view\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 { 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 { useActiveBackend } from \"#/contexts/active-backend-context\";\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\";\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};\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\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            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                    \"llm-api-key-input\",\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                    <OpenHandsApiKeyHelp testId=\"openhands-api-key-help-2\" />\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                    placeholder=\"https://api.openai.com\"\n                    onChange={(value) => onChange(\"llm.base_url\", value)}\n                    isDisabled={isDisabled}\n                  />\n\n                  {renderApiKeyInput(\n                    \"llm-api-key-input\",\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 different views based on backend type:\n * - Local backends: LlmSettingsLocalView with profile management\n * - Cloud backends: Standard LlmSettingsScreen (profiles are not supported)\n *\n * The LlmSettingsScreen component is also exported for embedded use cases\n * (e.g., onboarding, profile editing forms).\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  const { backend } = useActiveBackend();\n  const isCloud = backend.kind === \"cloud\";\n\n  // Cloud backends use the standard LLM settings form (no profiles support)\n  if (isCloud) {\n    return <LlmSettingsScreen />;\n  }\n\n  // Local backends use the profile management view\n  return <LlmSettingsLocalView />;\n}\n"],"mappings":"iqCAoCA,IAAM,EAAoB,IAAI,IAAI,CAChC,YACA,cACA,eACA,EAAA,kBACA,EAAA,4BACD,CAAC,CAEI,GAAgB,EAAyB,IACzC,CAAC,GAAY,CAAC,EAAc,KACzB,GAAG,EAAS,GAAG,IAGlB,GACJ,EACA,IAEA,GAAQ,SACL,QAAS,GAAY,EAAQ,OAAO,CACpC,KAAM,GAAU,EAAM,MAAQ,EAAS,EAAE,SAAW,KAEnD,EAAyE,CAC7E,OAAQ,IAAI,IAAI,CAAC,yBAA0B,4BAA4B,CAAC,CACzE,CAEK,EAAoB,GAAoB,CAC5C,GAAI,CACF,IAAM,EAAY,IAAI,IAAI,EAAQ,CAC5B,EAAiB,EAAU,SAAS,QAAQ,OAAQ,GAAG,EAAI,GACjE,MAAO,GAAG,EAAU,SAAS,SACvB,CACN,OAAO,EAAQ,MAAM,CAAC,QAAQ,OAAQ,GAAG,GAIvC,GAA4B,EAAe,IAAoB,CACnE,IAAM,EAAoB,EAAiB,EAAQ,CAC7C,CAAE,YAAa,EAAA,wBAAwB,EAAM,CAEnD,GAAI,EAAU,CACZ,IAAM,EAAgB,EAAiC,GACvD,GAAI,EACF,OAAO,EAAc,IAAI,EAAkB,CAI/C,OAAO,OAAO,OAAO,EAAiC,CAAC,KAAM,GAC3D,GAAe,IAAI,EAAkB,CACtC,EAOH,SAAS,EAAoB,CAAE,UAAoC,CACjE,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CAEzC,OACE,EAAA,EAAA,KAAC,EAAA,SAAD,CACU,SACR,KAAM,EAAE,EAAA,QAAQ,qCAAqC,CACrD,SAAU,EAAE,EAAA,QAAQ,sBAAsB,CAC1C,KAAK,8CACL,OAAQ,IAAI,EAAE,EAAA,QAAQ,uCAAuC,GAC7D,CAAA,CAIN,SAAgB,EAAkB,CAChC,QAAQ,WACR,gBACA,wBACA,WACA,iBACA,uBACA,uBAeC,CACD,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CAEnC,CAAE,KAAM,GAAa,EAAA,YAAY,EAAM,CACvC,CAAE,KAAM,GAAW,EAAA,uBACvB,GAAU,sBACX,CACK,EAAuB,GAAU,gBAAgB,IAGjD,EAAkB,EAAA,mBACtB,IAAA,kBACE,GAAsB,UACzB,CACK,CAAC,EAA0B,GAC/B,EAAA,QAAM,SAAS,IAAoB,EAAA,2BAA2B,CAC1D,CACJ,KAAM,EACN,UAAW,EACX,WAAY,GACV,EAAA,4BAA4B,CAAE,QAAS,EAA0B,CAAC,CAChE,EACJ,GACA,CAAC,IACA,GAA+B,GAC5B,EAAqB,EAAA,QAAM,OAAsB,KAAK,CACtD,EAA2B,EAAA,QAAM,OAAsB,KAAK,CAElE,EAAA,QAAM,cAAgB,CAChB,IAAA,gBACF,EAA4B,GAAK,EAElC,CAAC,EAAgB,CAAC,CAErB,IAAM,EAAe,OAClB,EAAA,iBAAiB,gBAAgB,KAAiC,OACjE,GACH,CAEK,EAAiB,EAAA,QAAM,aAEzB,EACA,IACiB,CACjB,IAAM,EAAa,EAAA,iBAAiB,EAAiB,EAAe,CACpE,GAAI,IAAe,QACjB,OAAO,EAGT,IAAM,EAAe,EAAgB,WAAa,GAC5C,EAAiB,EAAgB,cAAc,MAAM,EAAI,GAK/D,OAHE,EAAe,OAAS,GACxB,CAAC,EAAyB,EAAc,EAAe,CAE/B,MAAQ,SAEpC,EAAE,CACH,CAEK,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,aAAa,CAC7D,EAAW,EAAA,mBAAmB,EAAO,EAAA,mBAAmB,CACxD,EAAqB,IAAa,EAAA,2BAClC,EACJ,GAAe,GAAsB,EACjC,EAAyB,GAAoB,SAAS,EAAW,CACnE,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,sBAAsB,CACvC,KAAK,WACL,UAAU,SACV,MAAO,EACP,YAAa,EAAc,WAAa,GACxC,SAAW,GAAU,EAAS,cAAe,EAAM,CACvC,aACZ,aACE,GAAc,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,MAAO,EAAe,CAAA,CAAG,IAAA,GAExD,CAAA,EAEF,EAAA,EAAA,KAAC,EAAA,SAAD,CACE,OAAQ,EACR,KAAM,EAAE,EAAA,QAAQ,2BAA2B,CAC3C,SAAU,EAAE,EAAA,QAAQ,gCAAgC,CACpD,KAAK,kEACL,CAAA,CACD,CAAA,CAAA,CAGC,EAAwB,GAAkC,CAC9D,IAAM,EACJ,IAAA,eACI,EAAA,2BACA,EAAA,sBAGN,GAFA,EAAS,EAAA,kBAAmB,EAAa,CAErC,IAAA,eAA6C,CAC/C,EAA4B,GAAK,CAC7B,GAAc,CAAC,GAAoB,SAAS,EAAW,GACzD,EAAmB,QAAU,GAE/B,IAAM,EACJ,EAAyB,SACzB,GAAoB,SAAS,EAAyB,QAAQ,CAC1D,EAAyB,QACzB,IAAqB,GAC3B,EAAS,EAAA,4BAA6B,EAAA,2BAA2B,CAE/D,CAAC,GAAoB,SAAS,EAAW,EACzC,GAEA,EAAS,YAAa,EAA0B,CAElD,OAGE,GAAc,GAAoB,SAAS,EAAW,GACxD,EAAyB,QAAU,EACnC,EAAS,YAAa,EAAmB,SAAW,EAAa,GAI/D,OACJ,EAAA,EAAA,KAAC,EAAA,sBAAD,CACE,OAAO,sBACP,KAAM,EAAA,kBACN,MAAO,EAAE,EAAA,QAAQ,uBAAuB,CACxC,MAAO,CACL,CACE,IAAK,EAAA,sBACL,MAAO,EAAE,EAAA,QAAQ,+BAA+B,CACjD,CACD,CACE,IAAK,EAAA,2BACL,MAAO,EAAE,EAAA,QAAQ,oCAAoC,CACtD,CACF,CACD,YAAa,EACb,YAAa,GACb,SAAA,GACA,WAAY,EACZ,kBAAmB,EACnB,CAAA,CAGE,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,4BAA4B,CAC7C,OAAQ,GAAsB,EAAE,EAAE,IAAK,IAAW,CAChD,IAAK,EACL,MAAO,EACR,EAAE,CACH,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,EAAU,EAGpC,CAAA,EACF,EAAA,EAAA,KAAC,EAAA,2BAAD,CAAwC,aAAc,CAAA,CAClD,GAGR,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,+BACZ,IAAS,SACR,EAAA,EAAA,MAAC,MAAD,CACE,UAAU,sBACV,cAAY,mCAFd,CAIG,GAAqB,CAErB,EACC,GAA4B,EAE5B,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,EAAM,CAC3C,GACF,EAAS,YAAa,EAAU,EAGpC,iBAAiB,mBACL,aACZ,CAAA,CAED,GACC,EAAA,EAAA,KAAC,EAAD,CAAqB,OAAO,yBAA2B,CAAA,CACrD,KAEH,EACC,oBACA,0BACD,CACA,CAAA,CAAA,CAED,IAEN,EAAA,EAAA,MAAC,MAAD,CACE,UAAU,sBACV,cAAY,sCAFd,CAIG,GAAqB,CAErB,EACC,GAA4B,EAE5B,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAO,yBACP,MAAO,EAAE,EAAA,QAAQ,sBAAsB,CACvC,KAAK,OACL,UAAU,SACV,MAAO,EACP,YAAa,EACb,SAAW,GAAU,EAAS,YAAa,EAAM,CACrC,aACZ,CAAA,CAED,GACC,EAAA,EAAA,KAAC,EAAD,CAAqB,OAAO,2BAA6B,CAAA,CACvD,MAEJ,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAO,iBACP,MAAO,EAAE,EAAA,QAAQ,kBAAkB,CACnC,KAAK,OACL,UAAU,SACV,MAAO,EACP,YAAY,yBACZ,SAAW,GAAU,EAAS,eAAgB,EAAM,CACxC,aACZ,CAAA,CAED,EACC,oBACA,mCACD,CACA,CAAA,CAAA,CAED,GAEJ,CAAA,EAGV,CACE,EACA,EACA,EACA,GAAU,gBACV,EACA,EACD,CACF,CAEK,EAAe,EAAA,QAAM,aAEvB,EACA,IAKG,CAIH,IAAM,EAAgB,gBACnB,EAAe,qBAAmD,EAAE,CACtE,CACK,EAAO,EAAc,KAAO,EAAE,CAGpC,GAFiB,EAAA,mBAAmB,EAAQ,OAAA,iBAExC,GAAA,eAAyC,CAC3C,EAAI,UAAY,EAAA,2BAChB,EAAI,oBAAsB,EAAA,2BAC1B,IAAM,EACJ,OAAO,EAAI,OAAU,SACjB,EAAI,MACJ,OAAO,EAAQ,OAAO,cAAgB,GAAG,CACzC,EAA4B,IAAqB,GACvD,GACE,CAAC,GAAoB,SAAS,EAAM,EACpC,CAAC,EAED,MAAU,MAAM,0CAA0C,CAE5D,EAAI,MAAQ,GAAoB,SAAS,EAAM,CAC3C,EACA,EACJ,OAAO,EAAI,QACX,OAAO,EAAI,cAEP,EAAQ,MAAA,mBACV,EAAI,UAAY,EAAA,sBAChB,EAAI,oBAAsB,MAExB,EAAQ,OAAS,SAAW,EAAI,QAAU,IAAA,KAC5C,EAAI,SAAW,EAA2B,EAAQ,eAAe,EAKrE,MADA,GAAc,IAAM,EACb,CAAE,oBAAqB,EAAe,EAE/C,CAAC,EAAQ,EAAmB,CAC7B,CAED,OACE,EAAA,EAAA,KAAC,EAAA,eAAD,CACS,QACP,gBAAiB,CACf,CACE,eAAgB,iBAChB,YAAa,CAAC,MAAM,CACpB,YAAa,EACd,CACF,CACD,OAAQ,EACM,eACE,iBAChB,sBAAA,GACA,aAAA,GACe,gBACQ,wBACb,WACM,iBACM,uBACD,sBACrB,OAAO,sBACP,CAAA"}

package/dist/routes/llm-settings.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"llm-settings.js","names":[],"sources":["../../src/routes/llm-settings.tsx"],"sourcesContent":["import React from \"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 { 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 { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n  inferInitialView,\n  type SettingsFormValues,\n  type SettingsView,\n} from \"#/utils/sdk-settings-schema\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport {\n  OPENHANDS_LLM_PROXY_BASE_URL,\n  isOpenHandsProxyModel,\n} from \"#/utils/openhands-llm\";\n\nconst LLM_EXCLUDED_KEYS = new Set([\"llm.model\", \"llm.api_key\", \"llm.base_url\"]);\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  openhands: new Set([\n    OPENHANDS_LLM_PROXY_BASE_URL,\n    \"https://llm-proxy.app.all-hands.dev/v1\",\n  ]),\n  litellm_proxy: new Set([\n    OPENHANDS_LLM_PROXY_BASE_URL,\n    \"https://llm-proxy.app.all-hands.dev/v1\",\n  ]),\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\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\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\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            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      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              <ModelSelector\n                currentModel={modelValue || undefined}\n                currentBaseUrl={baseUrlValue || 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                \"llm-api-key-input\",\n                \"llm-api-key-help-anchor\",\n              )}\n            </div>\n          ) : (\n            <div\n              className=\"flex flex-col gap-6\"\n              data-testid=\"llm-settings-form-advanced\"\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                <OpenHandsApiKeyHelp testId=\"openhands-api-key-help-2\" />\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                placeholder=\"https://api.openai.com\"\n                onChange={(value) => onChange(\"llm.base_url\", value)}\n                isDisabled={isDisabled}\n              />\n\n              {renderApiKeyInput(\n                \"llm-api-key-input\",\n                \"llm-api-key-help-anchor-advanced\",\n              )}\n            </div>\n          )}\n        </div>\n      );\n    },\n    [defaultModel, embedded, settings?.llm_api_key_set, t],\n  );\n\n  const buildPayload = React.useCallback(\n    (\n      defaultPayload: Record<string, unknown>,\n      context: {\n        values: Record<string, 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\n      const llm = (agentSettings.llm ?? {}) as Record<string, unknown>;\n\n      if (context.view === \"basic\") {\n        const model = llm.model ?? context.values[\"llm.model\"];\n        const baseUrl = llm.base_url ?? context.values[\"llm.base_url\"];\n        llm.base_url = isOpenHandsProxyModel(model, baseUrl)\n          ? OPENHANDS_LLM_PROXY_BASE_URL\n          : getSchemaFieldDefaultValue(schema, \"llm.base_url\");\n        agentSettings.llm = llm;\n      }\n\n      return { agent_settings_diff: agentSettings };\n    },\n    [schema],\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 different views based on backend type:\n * - Local backends: LlmSettingsLocalView with profile management\n * - Cloud backends: Standard LlmSettingsScreen (profiles are not supported)\n *\n * The LlmSettingsScreen component is also exported for embedded use cases\n * (e.g., onboarding, profile editing forms).\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  const { backend } = useActiveBackend();\n  const isCloud = backend.kind === \"cloud\";\n\n  // Cloud backends use the standard LLM settings form (no profiles support)\n  if (isCloud) {\n    return <LlmSettingsScreen />;\n  }\n\n  // Local backends use the profile management view\n  return <LlmSettingsLocalView />;\n}\n"],"mappings":"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"}
+{"version":3,"file":"llm-settings.js","names":[],"sources":["../../src/routes/llm-settings.tsx"],"sourcesContent":["import React from \"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 { useActiveBackend } from \"#/contexts/active-backend-context\";\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\";\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};\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\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            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                    \"llm-api-key-input\",\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                    <OpenHandsApiKeyHelp testId=\"openhands-api-key-help-2\" />\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                    placeholder=\"https://api.openai.com\"\n                    onChange={(value) => onChange(\"llm.base_url\", value)}\n                    isDisabled={isDisabled}\n                  />\n\n                  {renderApiKeyInput(\n                    \"llm-api-key-input\",\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 different views based on backend type:\n * - Local backends: LlmSettingsLocalView with profile management\n * - Cloud backends: Standard LlmSettingsScreen (profiles are not supported)\n *\n * The LlmSettingsScreen component is also exported for embedded use cases\n * (e.g., onboarding, profile editing forms).\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  const { backend } = useActiveBackend();\n  const isCloud = backend.kind === \"cloud\";\n\n  // Cloud backends use the standard LLM settings form (no profiles support)\n  if (isCloud) {\n    return <LlmSettingsScreen />;\n  }\n\n  // Local backends use the profile management view\n  return <LlmSettingsLocalView />;\n}\n"],"mappings":"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"}

package/dist/services/canvas-ui.cjs

@@ -1,2 +1,2 @@
-require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../stores/conversation-store.cjs`),t=require(`../stores/files-tab-store.cjs`);var n=new Set([`files`,`browser`,`terminal`,`planner`,`tasklist`]);function r(t){let n=e.useConversationStore.getState();n.setSelectedTab(t),n.isRightPanelShown||(n.setHasRightPanelToggled(!0),n.setIsRightPanelShown(!0))}function i(e){return n.has(e)}function a(e){switch(e.command){case`navigate_to_file`:case`show_preview`:r(`files`),e.path&&t.useFilesTabStore.getState().setSelectedPath(e.path);return;case`open_tab`:e.tab===`vscode`?r(`files`):e.tab&&i(e.tab)?r(e.tab):e.tab&&console.warn(`[canvas_ui] Ignoring open_tab with unknown tab: ${e.tab}`);return}}exports.handleCanvasUIAction=a;
+require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../stores/conversation-store.cjs`),t=require(`../stores/files-tab-store.cjs`);var n=new Set([`files`,`browser`,`terminal`,`planner`,`tasklist`]);function r(t){let n=e.useConversationStore.getState();n.setSelectedTab(t),n.isRightPanelShown||(n.setHasRightPanelToggled(!0),n.setIsRightPanelShown(!0))}function i(e){return n.has(e)}function a(e,n=null){switch(e.command){case`navigate_to_file`:case`show_preview`:r(`files`),e.path&&t.useFilesTabStore.getState().setSelectedPath(e.path,n);return;case`open_tab`:e.tab===`vscode`?r(`files`):e.tab&&i(e.tab)?r(e.tab):e.tab&&console.warn(`[canvas_ui] Ignoring open_tab with unknown tab: ${e.tab}`);return}}exports.handleCanvasUIAction=a;
 //# sourceMappingURL=canvas-ui.cjs.map

package/dist/services/canvas-ui.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"canvas-ui.cjs","names":[],"sources":["../../src/services/canvas-ui.ts"],"sourcesContent":["import {\n  ConversationTab,\n  useConversationStore,\n} from \"#/stores/conversation-store\";\nimport { useFilesTabStore } from \"#/stores/files-tab-store\";\nimport type { CanvasUIAction } from \"#/types/agent-server/core\";\n\nconst VALID_TABS: ReadonlySet<ConversationTab> = new Set<ConversationTab>([\n  \"files\",\n  \"browser\",\n  \"terminal\",\n  \"planner\",\n  \"tasklist\",\n]);\n\n// Mirrors src/hooks/use-select-conversation-tab.ts so a non-React caller (the\n// WebSocket dispatch) gets the same \"reveal the right panel if collapsed\"\n// behavior as in-app tab switches.\nfunction navigateToTab(tab: ConversationTab) {\n  const store = useConversationStore.getState();\n  store.setSelectedTab(tab);\n  if (!store.isRightPanelShown) {\n    store.setHasRightPanelToggled(true);\n    store.setIsRightPanelShown(true);\n  }\n}\n\nfunction isValidTab(value: string): value is ConversationTab {\n  return VALID_TABS.has(value as ConversationTab);\n}\n\nexport function handleCanvasUIAction(action: CanvasUIAction): void {\n  switch (action.command) {\n    case \"navigate_to_file\":\n    case \"show_preview\":\n      navigateToTab(\"files\");\n      if (action.path) {\n        useFilesTabStore.getState().setSelectedPath(action.path);\n      }\n      return;\n    case \"open_tab\":\n      if (action.tab === \"vscode\") {\n        // The in-app VS Code tab was removed — on cloud backends VS Code\n        // now opens in a new browser window via the link in the drawer tab\n        // row. Route agent requests to Files so the drawer still opens.\n        navigateToTab(\"files\");\n      } else if (action.tab && isValidTab(action.tab)) {\n        navigateToTab(action.tab);\n      } else if (action.tab) {\n        // Surface unknown tab names so they're diagnosable from the browser\n        // console rather than failing silently. Valid tabs are listed in\n        // VALID_TABS above and mirror ConversationTab.\n        console.warn(\n          `[canvas_ui] Ignoring open_tab with unknown tab: ${action.tab}`,\n        );\n      }\n      return;\n  }\n}\n"],"mappings":"4IAOA,IAAM,EAA2C,IAAI,IAAqB,CACxE,QACA,UACA,WACA,UACA,WACD,CAAC,CAKF,SAAS,EAAc,EAAsB,CAC3C,IAAM,EAAQ,EAAA,qBAAqB,UAAU,CAC7C,EAAM,eAAe,EAAI,CACpB,EAAM,oBACT,EAAM,wBAAwB,GAAK,CACnC,EAAM,qBAAqB,GAAK,EAIpC,SAAS,EAAW,EAAyC,CAC3D,OAAO,EAAW,IAAI,EAAyB,CAGjD,SAAgB,EAAqB,EAA8B,CACjE,OAAQ,EAAO,QAAf,CACE,IAAK,mBACL,IAAK,eACH,EAAc,QAAQ,CAClB,EAAO,MACT,EAAA,iBAAiB,UAAU,CAAC,gBAAgB,EAAO,KAAK,CAE1D,OACF,IAAK,WACC,EAAO,MAAQ,SAIjB,EAAc,QAAQ,CACb,EAAO,KAAO,EAAW,EAAO,IAAI,CAC7C,EAAc,EAAO,IAAI,CAChB,EAAO,KAIhB,QAAQ,KACN,mDAAmD,EAAO,MAC3D,CAEH"}
+{"version":3,"file":"canvas-ui.cjs","names":[],"sources":["../../src/services/canvas-ui.ts"],"sourcesContent":["import {\n  ConversationTab,\n  useConversationStore,\n} from \"#/stores/conversation-store\";\nimport { useFilesTabStore } from \"#/stores/files-tab-store\";\nimport type { CanvasUIAction } from \"#/types/agent-server/core\";\n\nconst VALID_TABS: ReadonlySet<ConversationTab> = new Set<ConversationTab>([\n  \"files\",\n  \"browser\",\n  \"terminal\",\n  \"planner\",\n  \"tasklist\",\n]);\n\n// Mirrors src/hooks/use-select-conversation-tab.ts so a non-React caller (the\n// WebSocket dispatch) gets the same \"reveal the right panel if collapsed\"\n// behavior as in-app tab switches.\nfunction navigateToTab(tab: ConversationTab) {\n  const store = useConversationStore.getState();\n  store.setSelectedTab(tab);\n  if (!store.isRightPanelShown) {\n    store.setHasRightPanelToggled(true);\n    store.setIsRightPanelShown(true);\n  }\n}\n\nfunction isValidTab(value: string): value is ConversationTab {\n  return VALID_TABS.has(value as ConversationTab);\n}\n\nexport function handleCanvasUIAction(\n  action: CanvasUIAction,\n  conversationId: string | null = null,\n): void {\n  switch (action.command) {\n    case \"navigate_to_file\":\n    case \"show_preview\":\n      navigateToTab(\"files\");\n      if (action.path) {\n        useFilesTabStore\n          .getState()\n          .setSelectedPath(action.path, conversationId);\n      }\n      return;\n    case \"open_tab\":\n      if (action.tab === \"vscode\") {\n        // The in-app VS Code tab was removed — on cloud backends VS Code\n        // now opens in a new browser window via the link in the drawer tab\n        // row. Route agent requests to Files so the drawer still opens.\n        navigateToTab(\"files\");\n      } else if (action.tab && isValidTab(action.tab)) {\n        navigateToTab(action.tab);\n      } else if (action.tab) {\n        // Surface unknown tab names so they're diagnosable from the browser\n        // console rather than failing silently. Valid tabs are listed in\n        // VALID_TABS above and mirror ConversationTab.\n        console.warn(\n          `[canvas_ui] Ignoring open_tab with unknown tab: ${action.tab}`,\n        );\n      }\n      return;\n  }\n}\n"],"mappings":"4IAOA,IAAM,EAA2C,IAAI,IAAqB,CACxE,QACA,UACA,WACA,UACA,WACD,CAAC,CAKF,SAAS,EAAc,EAAsB,CAC3C,IAAM,EAAQ,EAAA,qBAAqB,UAAU,CAC7C,EAAM,eAAe,EAAI,CACpB,EAAM,oBACT,EAAM,wBAAwB,GAAK,CACnC,EAAM,qBAAqB,GAAK,EAIpC,SAAS,EAAW,EAAyC,CAC3D,OAAO,EAAW,IAAI,EAAyB,CAGjD,SAAgB,EACd,EACA,EAAgC,KAC1B,CACN,OAAQ,EAAO,QAAf,CACE,IAAK,mBACL,IAAK,eACH,EAAc,QAAQ,CAClB,EAAO,MACT,EAAA,iBACG,UAAU,CACV,gBAAgB,EAAO,KAAM,EAAe,CAEjD,OACF,IAAK,WACC,EAAO,MAAQ,SAIjB,EAAc,QAAQ,CACb,EAAO,KAAO,EAAW,EAAO,IAAI,CAC7C,EAAc,EAAO,IAAI,CAChB,EAAO,KAIhB,QAAQ,KACN,mDAAmD,EAAO,MAC3D,CAEH"}

package/dist/services/canvas-ui.d.ts

@@ -1,2 +1,2 @@
 import type { CanvasUIAction } from "#/types/agent-server/core";
-export declare function handleCanvasUIAction(action: CanvasUIAction): void;
+export declare function handleCanvasUIAction(action: CanvasUIAction, conversationId?: string | null): void;

package/dist/services/canvas-ui.js

@@ -15,11 +15,11 @@ function r(t) {
 function i(e) {
 	return n.has(e);
 }
-function a(e) {
+function a(e, n = null) {
 	switch (e.command) {
 		case "navigate_to_file":
 		case "show_preview":
-			r("files"), e.path && t.getState().setSelectedPath(e.path);
+			r("files"), e.path && t.getState().setSelectedPath(e.path, n);
 			return;
 		case "open_tab":
 			e.tab === "vscode" ? r("files") : e.tab && i(e.tab) ? r(e.tab) : e.tab && console.warn(`[canvas_ui] Ignoring open_tab with unknown tab: ${e.tab}`);

package/dist/services/canvas-ui.js.map

@@ -1 +1 @@
-{"version":3,"file":"canvas-ui.js","names":[],"sources":["../../src/services/canvas-ui.ts"],"sourcesContent":["import {\n  ConversationTab,\n  useConversationStore,\n} from \"#/stores/conversation-store\";\nimport { useFilesTabStore } from \"#/stores/files-tab-store\";\nimport type { CanvasUIAction } from \"#/types/agent-server/core\";\n\nconst VALID_TABS: ReadonlySet<ConversationTab> = new Set<ConversationTab>([\n  \"files\",\n  \"browser\",\n  \"terminal\",\n  \"planner\",\n  \"tasklist\",\n]);\n\n// Mirrors src/hooks/use-select-conversation-tab.ts so a non-React caller (the\n// WebSocket dispatch) gets the same \"reveal the right panel if collapsed\"\n// behavior as in-app tab switches.\nfunction navigateToTab(tab: ConversationTab) {\n  const store = useConversationStore.getState();\n  store.setSelectedTab(tab);\n  if (!store.isRightPanelShown) {\n    store.setHasRightPanelToggled(true);\n    store.setIsRightPanelShown(true);\n  }\n}\n\nfunction isValidTab(value: string): value is ConversationTab {\n  return VALID_TABS.has(value as ConversationTab);\n}\n\nexport function handleCanvasUIAction(action: CanvasUIAction): void {\n  switch (action.command) {\n    case \"navigate_to_file\":\n    case \"show_preview\":\n      navigateToTab(\"files\");\n      if (action.path) {\n        useFilesTabStore.getState().setSelectedPath(action.path);\n      }\n      return;\n    case \"open_tab\":\n      if (action.tab === \"vscode\") {\n        // The in-app VS Code tab was removed — on cloud backends VS Code\n        // now opens in a new browser window via the link in the drawer tab\n        // row. Route agent requests to Files so the drawer still opens.\n        navigateToTab(\"files\");\n      } else if (action.tab && isValidTab(action.tab)) {\n        navigateToTab(action.tab);\n      } else if (action.tab) {\n        // Surface unknown tab names so they're diagnosable from the browser\n        // console rather than failing silently. Valid tabs are listed in\n        // VALID_TABS above and mirror ConversationTab.\n        console.warn(\n          `[canvas_ui] Ignoring open_tab with unknown tab: ${action.tab}`,\n        );\n      }\n      return;\n  }\n}\n"],"mappings":";;;AAOA,IAAM,IAA2C,IAAI,IAAqB;CACxE;CACA;CACA;CACA;CACA;CACD,CAAC;AAKF,SAAS,EAAc,GAAsB;CAC3C,IAAM,IAAQ,EAAqB,UAAU;AAE7C,CADA,EAAM,eAAe,EAAI,EACpB,EAAM,sBACT,EAAM,wBAAwB,GAAK,EACnC,EAAM,qBAAqB,GAAK;;AAIpC,SAAS,EAAW,GAAyC;AAC3D,QAAO,EAAW,IAAI,EAAyB;;AAGjD,SAAgB,EAAqB,GAA8B;AACjE,SAAQ,EAAO,SAAf;EACE,KAAK;EACL,KAAK;AAEH,GADA,EAAc,QAAQ,EAClB,EAAO,QACT,EAAiB,UAAU,CAAC,gBAAgB,EAAO,KAAK;AAE1D;EACF,KAAK;AACH,GAAI,EAAO,QAAQ,WAIjB,EAAc,QAAQ,GACb,EAAO,OAAO,EAAW,EAAO,IAAI,GAC7C,EAAc,EAAO,IAAI,GAChB,EAAO,OAIhB,QAAQ,KACN,mDAAmD,EAAO,MAC3D;AAEH"}
+{"version":3,"file":"canvas-ui.js","names":[],"sources":["../../src/services/canvas-ui.ts"],"sourcesContent":["import {\n  ConversationTab,\n  useConversationStore,\n} from \"#/stores/conversation-store\";\nimport { useFilesTabStore } from \"#/stores/files-tab-store\";\nimport type { CanvasUIAction } from \"#/types/agent-server/core\";\n\nconst VALID_TABS: ReadonlySet<ConversationTab> = new Set<ConversationTab>([\n  \"files\",\n  \"browser\",\n  \"terminal\",\n  \"planner\",\n  \"tasklist\",\n]);\n\n// Mirrors src/hooks/use-select-conversation-tab.ts so a non-React caller (the\n// WebSocket dispatch) gets the same \"reveal the right panel if collapsed\"\n// behavior as in-app tab switches.\nfunction navigateToTab(tab: ConversationTab) {\n  const store = useConversationStore.getState();\n  store.setSelectedTab(tab);\n  if (!store.isRightPanelShown) {\n    store.setHasRightPanelToggled(true);\n    store.setIsRightPanelShown(true);\n  }\n}\n\nfunction isValidTab(value: string): value is ConversationTab {\n  return VALID_TABS.has(value as ConversationTab);\n}\n\nexport function handleCanvasUIAction(\n  action: CanvasUIAction,\n  conversationId: string | null = null,\n): void {\n  switch (action.command) {\n    case \"navigate_to_file\":\n    case \"show_preview\":\n      navigateToTab(\"files\");\n      if (action.path) {\n        useFilesTabStore\n          .getState()\n          .setSelectedPath(action.path, conversationId);\n      }\n      return;\n    case \"open_tab\":\n      if (action.tab === \"vscode\") {\n        // The in-app VS Code tab was removed — on cloud backends VS Code\n        // now opens in a new browser window via the link in the drawer tab\n        // row. Route agent requests to Files so the drawer still opens.\n        navigateToTab(\"files\");\n      } else if (action.tab && isValidTab(action.tab)) {\n        navigateToTab(action.tab);\n      } else if (action.tab) {\n        // Surface unknown tab names so they're diagnosable from the browser\n        // console rather than failing silently. Valid tabs are listed in\n        // VALID_TABS above and mirror ConversationTab.\n        console.warn(\n          `[canvas_ui] Ignoring open_tab with unknown tab: ${action.tab}`,\n        );\n      }\n      return;\n  }\n}\n"],"mappings":";;;AAOA,IAAM,IAA2C,IAAI,IAAqB;CACxE;CACA;CACA;CACA;CACA;CACD,CAAC;AAKF,SAAS,EAAc,GAAsB;CAC3C,IAAM,IAAQ,EAAqB,UAAU;AAE7C,CADA,EAAM,eAAe,EAAI,EACpB,EAAM,sBACT,EAAM,wBAAwB,GAAK,EACnC,EAAM,qBAAqB,GAAK;;AAIpC,SAAS,EAAW,GAAyC;AAC3D,QAAO,EAAW,IAAI,EAAyB;;AAGjD,SAAgB,EACd,GACA,IAAgC,MAC1B;AACN,SAAQ,EAAO,SAAf;EACE,KAAK;EACL,KAAK;AAEH,GADA,EAAc,QAAQ,EAClB,EAAO,QACT,EACG,UAAU,CACV,gBAAgB,EAAO,MAAM,EAAe;AAEjD;EACF,KAAK;AACH,GAAI,EAAO,QAAQ,WAIjB,EAAc,QAAQ,GACb,EAAO,OAAO,EAAW,EAAO,IAAI,GAC7C,EAAc,EAAO,IAAI,GAChB,EAAO,OAIhB,QAAQ,KACN,mDAAmD,EAAO,MAC3D;AAEH"}

package/dist/stores/files-tab-store.cjs

@@ -1,2 +1,2 @@
-require(`../_virtual/_rolldown/runtime.cjs`);var e=require(`../node_modules/zustand/esm/react.cjs`).create(e=>({selectedPath:null,setSelectedPath:t=>e({selectedPath:t})}));exports.useFilesTabStore=e;
+require(`../_virtual/_rolldown/runtime.cjs`);var e=require(`../node_modules/zustand/esm/react.cjs`).create(e=>({selectedPath:null,selectedConversationId:null,setSelectedPath:(t,n=null)=>e({selectedPath:t,selectedConversationId:n})}));exports.useFilesTabStore=e;
 //# sourceMappingURL=files-tab-store.cjs.map

package/dist/stores/files-tab-store.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"files-tab-store.cjs","names":[],"sources":["../../src/stores/files-tab-store.ts"],"sourcesContent":["import { create } from \"zustand\";\n\ninterface FilesTabState {\n  selectedPath: string | null;\n  setSelectedPath: (path: string | null) => void;\n}\n\n// Hoisted out of files-tab.tsx local state so non-React callers (e.g. the\n// canvas_ui tool dispatcher in the WebSocket context) can drive selection.\nexport const useFilesTabStore = create<FilesTabState>((set) => ({\n  selectedPath: null,\n  setSelectedPath: (selectedPath) => set({ selectedPath }),\n}));\n"],"mappings":"6CASA,IAAa,kDAAmB,CAAA,OAAuB,IAAS,CAC9D,aAAc,KACd,gBAAkB,GAAiB,EAAI,CAAE,eAAc,CAAC,CACzD,EAAE"}
+{"version":3,"file":"files-tab-store.cjs","names":[],"sources":["../../src/stores/files-tab-store.ts"],"sourcesContent":["import { create } from \"zustand\";\n\ninterface FilesTabState {\n  selectedPath: string | null;\n  // The conversation a selection belongs to. A file picked in one\n  // conversation must not leak into another (it usually doesn't exist in the\n  // other conversation's workspace, see issue #1350), so every selection is\n  // tagged with its conversation and the files tab ignores a path owned by a\n  // different conversation.\n  selectedConversationId: string | null;\n  setSelectedPath: (\n    path: string | null,\n    conversationId?: string | null,\n  ) => void;\n}\n\n// Hoisted out of files-tab.tsx local state so non-React callers (e.g. the\n// canvas_ui tool dispatcher in the WebSocket context) can drive selection.\nexport const useFilesTabStore = create<FilesTabState>((set) => ({\n  selectedPath: null,\n  selectedConversationId: null,\n  setSelectedPath: (selectedPath, conversationId = null) =>\n    set({ selectedPath, selectedConversationId: conversationId }),\n}));\n"],"mappings":"6CAkBA,IAAa,kDAAmB,CAAA,OAAuB,IAAS,CAC9D,aAAc,KACd,uBAAwB,KACxB,iBAAkB,EAAc,EAAiB,OAC/C,EAAI,CAAE,eAAc,uBAAwB,EAAgB,CAAC,CAChE,EAAE"}

package/dist/stores/files-tab-store.d.ts

@@ -1,6 +1,7 @@
 interface FilesTabState {
     selectedPath: string | null;
-    setSelectedPath: (path: string | null) => void;
+    selectedConversationId: string | null;
+    setSelectedPath: (path: string | null, conversationId?: string | null) => void;
 }
 export declare const useFilesTabStore: import("zustand").UseBoundStore<import("zustand").StoreApi<FilesTabState>>;
 export {};