feat: allow import settings in initial welcome screen (#10994)

Co-authored-by: Roo Code <[email protected]>
Co-authored-by: Matt Rubens <[email protected]>

Author: 3 people

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

@@ -291,7 +291,7 @@ const WelcomeViewProvider = () => {
 	if (selectedProvider === null) {
 		return (
 			<Tab>
-				<TabContent className="flex flex-col gap-4 p-6 justify-center">
+				<TabContent className="relative flex flex-col gap-4 p-6 justify-center">
 					<RooHero />
 					<h2 className="mt-0 mb-0 text-xl">{t("welcome:landing.greeting")}</h2>
 
@@ -312,6 +312,14 @@ const WelcomeViewProvider = () => {
 							{t("welcome:landing.noAccount")}
 						</VSCodeLink>
 					</div>
+
+					<div className="absolute bottom-6 left-6">
+						<button
+							onClick={() => vscode.postMessage({ type: "importSettings" })}
+							className="cursor-pointer bg-transparent border-none p-0 text-vscode-foreground hover:underline">
+							{t("welcome:importSettings")}
+						</button>
+					</div>
 				</TabContent>
 			</Tab>
 		)