fix: use app icon across browser and chat

packages/client/index.html

@@ -3,8 +3,8 @@
 
 <head>
   <meta charset="UTF-8" />
-  <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
-  <link rel="apple-touch-icon" href="/logo.png" />
+  <link rel="icon" type="image/png" href="/app-logo.png" />
+  <link rel="apple-touch-icon" href="/app-logo.png" />
   <link rel="manifest" href="/manifest.webmanifest" />
   <meta name="theme-color" content="#1a1d23" />
   <meta name="apple-mobile-web-app-capable" content="yes" />

packages/client/public/manifest.webmanifest

@@ -9,10 +9,10 @@
   "theme_color": "#f7f7f4",
   "icons": [
     {
-      "src": "/logo.png",
-      "sizes": "1254x1254",
+      "src": "/app-logo.png",
+      "sizes": "512x512",
       "type": "image/png",
-      "purpose": "any maskable"
+      "purpose": "any"
     }
   ]
 }

packages/client/src/App.vue

@@ -63,7 +63,7 @@ useKeyboard()
       </div>
       <div class="app-layout" :class="{ 'no-sidebar': isLoginPage || !showAppSidebar }">
         <button v-if="showMobileMenuButton" class="hamburger-btn" @click="handleMobileMenuClick">
-          <img src="/logo.png" alt="Menu" style="width: 24px; height: 24px;" />
+          <img src="/app-logo.png" alt="Menu" style="width: 24px; height: 24px;" />
         </button>
         <div v-if="!isLoginPage && showAppSidebar && appStore.sidebarOpen" class="mobile-backdrop" @click="appStore.closeSidebar" />
         <AppSidebar v-if="!isLoginPage && showAppSidebar" />

packages/client/src/components/hermes/chat/HistoryMessageList.vue

@@ -192,7 +192,7 @@ defineExpose({
     >
       <template #empty>
         <div class="empty-state">
-          <img :src="'/coding-agents/hermes.png'" alt="Hermes" class="empty-logo" />
+          <img :src="'/app-logo.png'" alt="Hermes" class="empty-logo" />
           <p>{{ t("chat.emptyState") }}</p>
         </div>
       </template>

packages/client/src/components/hermes/chat/MessageList.vue

@@ -94,7 +94,7 @@ const visibleToolCalls = computed(() =>
 );
 
 const emptyState = computed(() => ({
-  logo: "/logo.png",
+  logo: "/app-logo.png",
   alt: "Hermes",
   text: t("chat.emptyState"),
 }));

packages/client/src/components/hermes/chat/SessionListItem.vue

@@ -42,7 +42,7 @@ const profileModelsMissing = computed(() =>
   appStore.profileModelGroups.length > 0 && !profileHasModels.value,
 )
 const isGlobalAgentSession = computed(() => props.session.source === 'global_agent')
-const sessionAgentLogo = computed(() => ({ label: 'Hermes', src: '/logo.png' }))
+const sessionAgentLogo = computed(() => ({ label: 'Hermes', src: '/app-logo.png' }))
 
 let longPressTimer: ReturnType<typeof setTimeout> | null = null
 const longPressTriggered = ref(false)

packages/client/src/components/hermes/group-chat/GroupMessageList.vue

@@ -105,7 +105,7 @@ defineExpose({ scrollToBottom })
         >
             <template #empty>
                 <div class="empty-state">
-                <img :src="'/coding-agents/hermes.png'" alt="Hermes" class="empty-logo" />
+                <img :src="'/app-logo.png'" alt="Hermes" class="empty-logo" />
                 <p>{{ t("chat.emptyState") }}</p>
             </div>
             </template>

packages/client/src/stores/hermes/chat.ts

@@ -2225,7 +2225,7 @@ export const useChatStore = defineStore('chat', () => {
   }
 
   function completionNotificationAgent(_session: Session): { icon: string } {
-    return { icon: '/favicon.ico' }
+    return { icon: '/app-logo.png' }
   }
 
   function completionNotificationBody(session: Session, message?: Message): string {