fix(web): rename favicons to v2 for cache busting (#9492)

7 files changed, 10 insertions, 6 deletions

diff --git a/packages/app/index.html b/packages/app/index.html
index 450807a42..1e516cbbb 100644
--- a/packages/app/index.html
+++ b/packages/app/index.html
@@ -4,10 +4,10 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>OpenCode</title>
-    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-    <link rel="shortcut icon" href="/favicon.ico" />
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" href="/favicon-96x96-v2.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="/favicon-v2.svg" />
+    <link rel="shortcut icon" href="/favicon-v2.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-v2.png" />
     <link rel="manifest" href="/site.webmanifest" />
     <meta name="theme-color" content="#F8F7F7" />
     <meta name="theme-color" content="#131010" media="(prefers-color-scheme: dark)" />
diff --git a/packages/app/public/apple-touch-icon-v2.png b/packages/app/public/apple-touch-icon-v2.png
new file mode 120000
index 000000000..c0d4353db
--- /dev/null
+++ b/packages/app/public/apple-touch-icon-v2.png
@@ -0,0 +1 @@
+../../ui/src/assets/favicon/apple-touch-icon-v2.png
\ No newline at end of file
diff --git a/packages/app/public/favicon-96x96-v2.png b/packages/app/public/favicon-96x96-v2.png
new file mode 120000
index 000000000..b3129f6bf
--- /dev/null
+++ b/packages/app/public/favicon-96x96-v2.png
@@ -0,0 +1 @@
+../../ui/src/assets/favicon/favicon-96x96-v2.png
\ No newline at end of file
diff --git a/packages/app/public/favicon-v2.ico b/packages/app/public/favicon-v2.ico
new file mode 120000
index 000000000..d8527270a
--- /dev/null
+++ b/packages/app/public/favicon-v2.ico
@@ -0,0 +1 @@
+../../ui/src/assets/favicon/favicon-v2.ico
\ No newline at end of file
diff --git a/packages/app/public/favicon-v2.svg b/packages/app/public/favicon-v2.svg
new file mode 120000
index 000000000..2600394ce
--- /dev/null
+++ b/packages/app/public/favicon-v2.svg
@@ -0,0 +1 @@
+../../ui/src/assets/favicon/favicon-v2.svg
\ No newline at end of file
diff --git a/packages/app/src/entry.tsx b/packages/app/src/entry.tsx
index 28741098c..8c4662926 100644
--- a/packages/app/src/entry.tsx
+++ b/packages/app/src/entry.tsx
@@ -37,7 +37,7 @@ const platform: Platform = {
       .then(() => {
         const notification = new Notification(title, {
           body: description ?? "",
-          icon: "https://opencode.ai/favicon-96x96.png",
+          icon: "https://opencode.ai/favicon-96x96-v2.png",
         })
         notification.onclick = () => {
           window.focus()
diff --git a/packages/app/src/pages/layout.tsx b/packages/app/src/pages/layout.tsx
index 81177d138..2f3b39d86 100644
--- a/packages/app/src/pages/layout.tsx
+++ b/packages/app/src/pages/layout.tsx
@@ -1284,7 +1284,7 @@ export default function Layout(props: ParentProps) {
         <div class="size-full rounded overflow-clip">
           <Avatar
             fallback={name()}
-            src={props.project.id === opencode ? "https://opencode.ai/favicon.svg" : props.project.icon?.url}
+            src={props.project.id === opencode ? "https://opencode.ai/favicon-v2.svg" : props.project.icon?.url}
             {...getAvatarColors(props.project.icon?.color)}
             class="size-full rounded"
             style={