fix: keep onboarding provider setup top-aligned (Zoo-Code-Org#113)

Co-authored-by: Roomote <roomote@roocode.com>

Author: roomote[bot]

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

@@ -85,7 +85,7 @@ const WelcomeViewProvider = () => {
 
 	return (
 		<Tab>
-			<TabContent className="flex flex-col gap-4 p-6 justify-center">
+			<TabContent className="flex flex-col gap-4 p-6">
 				<Brain className="size-8" strokeWidth={1.5} />
 				<h2 className="mt-0 mb-0 text-xl">{t("welcome:providerSignup.heading")}</h2>
 

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

@@ -34,7 +34,11 @@ vi.mock("../../settings/ApiOptions", () => ({
 // Mock Tab components
 vi.mock("../../common/Tab", () => ({
 	Tab: ({ children }: any) => <div data-testid="tab">{children}</div>,
-	TabContent: ({ children }: any) => <div data-testid="tab-content">{children}</div>,
+	TabContent: ({ children, className }: any) => (
+		<div data-testid="tab-content" className={className}>
+			{children}
+		</div>
+	),
 }))
 
 // Mock RooHero
@@ -133,6 +137,12 @@ describe("WelcomeViewProvider", () => {
 			expect(screen.getByTestId("trans-welcome:providerSignup.chooseProvider")).toBeInTheDocument()
 		})
 
+		it("keeps the landing screen centered", () => {
+			renderWelcomeViewProvider()
+
+			expect(screen.getByTestId("tab-content")).toHaveClass("justify-center")
+		})
+
 		it("does not enter auth-in-progress state after clicking 'Get Started' on landing", () => {
 			renderWelcomeViewProvider()
 
@@ -172,6 +182,13 @@ describe("WelcomeViewProvider", () => {
 			expect(screen.getByTestId("trans-welcome:providerSignup.chooseProvider")).toBeInTheDocument()
 		})
 
+		it("top-aligns provider setup content so tall forms remain reachable", () => {
+			renderWelcomeViewProvider()
+			navigateToProviderSelection()
+
+			expect(screen.getByTestId("tab-content")).not.toHaveClass("justify-center")
+		})
+
 		it("shows API options immediately", () => {
 			renderWelcomeViewProvider()
 			navigateToProviderSelection()