Fixes the autoapprove upsell and some tests

Author: brunobergher

webview-ui/src/components/chat/AutoApproveMenu.tsx

@@ -185,11 +185,16 @@ const AutoApproveMenu = ({ style }: AutoApproveMenuProps) => {
 					{enabledCount > 7 && (
 						<>
 							<DismissibleUpsell
-								upsellId="autoApprovePowerUser"
+								upsellId="autoApprovePowerUserA"
 								onClick={() => openUpsell()}
 								dismissOnClick={false}
 								variant="banner">
-								{t("cloud:upsell.autoApprovePowerUser")}
+								<Trans
+									i18nKey="cloud:upsell.autoApprovePowerUser"
+									components={{
+										learnMoreLink: <VSCodeLink href="#" />,
+									}}
+								/>
 							</DismissibleUpsell>
 						</>
 					)}

webview-ui/src/components/common/__tests__/DismissibleUpsell.spec.tsx

@@ -110,7 +110,7 @@ describe("DismissibleUpsell", () => {
 
 	it("hides the upsell if it's in the dismissed list", async () => {
 		const { container } = render(
-			<DismissibleUpsell id="test-upsell">
+			<DismissibleUpsell upsellId="test-upsell">
 				<div>Test content</div>
 			</DismissibleUpsell>,
 		)
@@ -154,7 +154,7 @@ describe("DismissibleUpsell", () => {
 
 	it("applies the className prop to the container", () => {
 		const { container } = render(
-			<DismissibleUpsell id="test-upsell" className="custom-class">
+			<DismissibleUpsell upsellId="test-upsell" className="custom-class">
 				<div>Test content</div>
 			</DismissibleUpsell>,
 		)

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

@@ -19,7 +19,7 @@
 	"pasteCallbackUrl": "Copy the redirect URL from your browser and paste it here:",
 	"startOver": "Start over",
 	"upsell": {
-		"autoApprovePowerUser": "Giving Roo some independence? Control it from anywhere with Roo Code Cloud. Click to learn more.",
+		"autoApprovePowerUser": "Giving Roo some independence? Control it from anywhere with Roo Code Cloud. <learnMoreLink>Learn more</learnMoreLink>.",
 		"longRunningTask": "This might take a while. Continue from anywhere with Cloud.",
 		"taskList": "Roo Code Cloud is here: follow and control your tasks from anywhere. <learnMoreLink>Learn more</learnMoreLink>."
 	}