Add a new button to import settings on the welcome screen without requiring to set an API key.

Author: julionav

src/core/config/importExport.ts

@@ -49,8 +49,16 @@ export const importSettings = async ({ providerSettingsManager, contextProxy }:
 		}
 
 		await providerSettingsManager.import(newProviderProfiles)
-
 		await contextProxy.setValues(globalSettings)
+
+		// Roo uses providerSettingsManager to manage api configs, but Cline uses ContextProxy, and to due to some legacy
+		// code from it, we need to set the the provider setttings here as well.
+		// For the future we should remove the provider from the proxy and keep providerSettingsManager as source of truth for apiConfig.
+		const firstApiConfig = Object.values(providerProfiles.apiConfigs)[0]
+		if (firstApiConfig) {
+			contextProxy.setProviderSettings(firstApiConfig)
+		}
+
 		contextProxy.setValue("currentApiConfigName", providerProfiles.currentApiConfigName)
 		contextProxy.setValue("listApiConfigMeta", await providerSettingsManager.listConfig())
 

webview-ui/src/components/welcome/WelcomeView.tsx

@@ -1,5 +1,5 @@
 import { useCallback, useState } from "react"
-import { VSCodeButton } from "@vscode/webview-ui-toolkit/react"
+import { VSCodeButton, VSCodeLink } from "@vscode/webview-ui-toolkit/react"
 import { useExtensionState } from "@src/context/ExtensionStateContext"
 import { validateApiConfiguration } from "@src/utils/validate"
 import { vscode } from "@src/utils/vscode"
@@ -113,6 +113,14 @@ const WelcomeView = () => {
 			</TabContent>
 			<div className="sticky bottom-0 bg-vscode-sideBar-background p-5">
 				<div className="flex flex-col gap-1">
+					<div className="flex justify-end">
+						<VSCodeLink
+							href="#"
+							onClick={() => vscode.postMessage({ type: "importSettings" })}
+							className="text-sm">
+							{t("welcome:importSettings")}
+						</VSCodeLink>
+					</div>
 					<VSCodeButton onClick={handleSubmit} appearance="primary">
 						{t("welcome:start")}
 					</VSCodeButton>

webview-ui/src/i18n/locales/ca/welcome.json

@@ -23,5 +23,6 @@
 		"allow": "Permetre",
 		"deny": "Denegar"
 	},
-	"or": "o"
+	"or": "o",
+	"importSettings": "Importar configuració"
 }

webview-ui/src/i18n/locales/de/welcome.json

@@ -23,5 +23,6 @@
 		"allow": "Erlauben",
 		"deny": "Ablehnen"
 	},
-	"or": "oder"
+	"or": "oder",
+	"importSettings": "Einstellungen importieren"
 }

webview-ui/src/i18n/locales/en/welcome.json

@@ -23,5 +23,6 @@
 		"allow": "Allow",
 		"deny": "Deny"
 	},
-	"or": "or"
+	"or": "or",
+	"importSettings": "Import Settings"
 }

webview-ui/src/i18n/locales/es/welcome.json

@@ -23,5 +23,6 @@
 		"allow": "Permitir",
 		"deny": "Denegar"
 	},
-	"or": "o"
+	"or": "o",
+	"importSettings": "Importar configuración"
 }

webview-ui/src/i18n/locales/fr/welcome.json

@@ -23,5 +23,6 @@
 		"allow": "Autoriser",
 		"deny": "Refuser"
 	},
-	"or": "ou"
+	"or": "ou",
+	"importSettings": "Importer les paramètres"
 }

webview-ui/src/i18n/locales/hi/welcome.json

@@ -23,5 +23,6 @@
 		"allow": "अनुमति दें",
 		"deny": "अस्वीकार करें"
 	},
-	"or": "या"
+	"or": "या",
+	"importSettings": "सेटिंग्स आयात करें"
 }

webview-ui/src/i18n/locales/it/welcome.json

@@ -23,5 +23,6 @@
 		"allow": "Consenti",
 		"deny": "Nega"
 	},
-	"or": "o"
+	"or": "o",
+	"importSettings": "Importa impostazioni"
 }

webview-ui/src/i18n/locales/pl/welcome.json

@@ -23,5 +23,6 @@
 		"allow": "Zezwól",
 		"deny": "Odmów"
 	},
-	"or": "lub"
+	"or": "lub",
+	"importSettings": "Importuj ustawienia"
 }