Use an inverted favicon on AIGen and keep the current icon on xAIGen.

Co-authored-by: Cursor <cursoragent@cursor.com>

app.vue

@@ -3,3 +3,16 @@
     <NuxtPage />
   </div>
 </template>
+
+<script setup lang="ts">
+import { isXaigenStudio } from '~/utils/videoModels'
+
+const config = useRuntimeConfig()
+useHead({
+  link: [{
+    rel: 'icon',
+    type: 'image/svg+xml',
+    href: isXaigenStudio(config.public) ? '/favicon.svg' : '/favicon-aigen.svg'
+  }]
+})
+</script>

nuxt.config.ts

@@ -1,3 +1,6 @@
+const xaigenStudio = /^xaigen$/i.test(String(process.env.NUXT_PUBLIC_STUDIO || '').trim())
+  || /xaigen/i.test(String(process.env.NUXT_PUBLIC_INSTANCE_NAME || '').trim())
+
 export default defineNuxtConfig({
   compatibilityDate: '2025-08-01',
   modules: ['@nuxtjs/tailwindcss'],
@@ -13,7 +16,7 @@ export default defineNuxtConfig({
         { name: 'description', content: 'Headless MiniMax H3 image-to-video studio relayed to local ComfyUI.' }
       ],
       link: [
-        { rel: 'icon', type: 'image/svg+xml', href: '/favicon.svg' },
+        { rel: 'icon', type: 'image/svg+xml', href: xaigenStudio ? '/favicon.svg' : '/favicon-aigen.svg' },
         { rel: 'preconnect', href: 'https://fonts.googleapis.com' },
         { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossorigin: '' },
         {

public/favicon-aigen.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <rect width="32" height="32" rx="8" fill="#fbbf24"/>
+  <path d="M8 20l8-12 8 12" fill="none" stroke="#18181b" stroke-width="2.4" stroke-linejoin="round"/>
+  <circle cx="16" cy="21" r="3" fill="#38bdf8"/>
+</svg>