{t("chat:announcement.handoff.heading")}
@@ -48,26 +48,39 @@ const Announcement = ({ hideAnnouncement }: AnnouncementProps) => {
}} />
-
{
- e.preventDefault()
- vscode.postMessage({
- type: "openExternal",
- url: "https://x.com/mattrubens/status/2046636598859559114",
- })
- }}>
+
{t("chat:announcement.handoff.readMore")}
+
{t("chat:announcement.zooMigration.heading")}
+
{t("chat:announcement.zooMigration.description")}
+
+ {
+ vscode.postMessage({ type: "prepareZooMigration" })
+ }}>
+ {t("chat:announcement.zooMigration.prepareButton")}
+
+ {
+ vscode.postMessage({ type: "installZooExtension" })
+ }}>
+ {t("chat:announcement.zooMigration.installButton")}
+
+
+
diff --git a/webview-ui/src/components/chat/__tests__/Announcement.spec.tsx b/webview-ui/src/components/chat/__tests__/Announcement.spec.tsx
index 84254ae9e9c..bcef5937d16 100644
--- a/webview-ui/src/components/chat/__tests__/Announcement.spec.tsx
+++ b/webview-ui/src/components/chat/__tests__/Announcement.spec.tsx
@@ -2,6 +2,8 @@ import React from "react"
import { render, screen } from "@/utils/test-utils"
+import { vscode } from "@src/utils/vscode"
+
import Announcement from "../Announcement"
vi.mock("@src/utils/vscode", () => ({
@@ -12,11 +14,16 @@ vi.mock("@src/utils/vscode", () => ({
vi.mock("@roo/package", () => ({
Package: {
- version: "3.53.0",
+ version: "3.53.1",
},
}))
vi.mock("@vscode/webview-ui-toolkit/react", () => ({
+ VSCodeButton: ({ children, onClick, ...props }: React.ButtonHTMLAttributes