Fix: Resolve app icon issue by using dedicated logo.svg and adding apple-touch-icon support

backend/public/chat.html

@@ -4,7 +4,10 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
     <title>TERMINAL | v12.0 MASTER</title>
-    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect width='100' height='100' rx='30' fill='black'/><path d='M50 15 L35 55 H48 L40 85 L65 45 H52 L60 15 Z' fill='white'/></svg>">
+    <link rel="manifest" href="/manifest.json">
+    <meta name="theme-color" content="#000000">
+    <link rel="apple-touch-icon" href="/logo.svg">
+    <link rel="icon" type="image/svg+xml" href="/logo.svg">
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">

backend/public/index.html

@@ -6,7 +6,8 @@
     <title>TERMINAL | MAIN_STAGE</title>
     <link rel="manifest" href="/manifest.json">
     <meta name="theme-color" content="#000000">
-    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect width='100' height='100' rx='30' fill='black'/><path d='M50 15 L35 55 H48 L40 85 L65 45 H52 L60 15 Z' fill='white'/></svg>">
+    <link rel="apple-touch-icon" href="/logo.svg">
+    <link rel="icon" type="image/svg+xml" href="/logo.svg">
     <script src="https://cdn.tailwindcss.com"></script>
     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700;800&family=Inter:wght@300;900&display=swap" rel="stylesheet">

backend/public/manifest.json

@@ -9,10 +9,22 @@
   "orientation": "portrait",
   "icons": [
     {
-      "src": "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect width='100' height='100' rx='30' fill='black'/><path d='M50 15 L35 55 H48 L40 85 L65 45 H52 L60 15 Z' fill='white'/></svg>",
+      "src": "/logo.svg",
+      "sizes": "192x192",
+      "type": "image/svg+xml",
+      "purpose": "any"
+    },
+    {
+      "src": "/logo.svg",
       "sizes": "512x512",
       "type": "image/svg+xml",
-      "purpose": "any maskable"
+      "purpose": "any"
+    },
+    {
+      "src": "/logo.svg",
+      "sizes": "192x192",
+      "type": "image/svg+xml",
+      "purpose": "maskable"
     }
   ]
-}
+}

backend/public/sw.js

@@ -2,7 +2,8 @@ const CACHE_NAME = 'codex-v1';
 const ASSETS = [
   '/',
   '/chat',
-  '/manifest.json'
+  '/manifest.json',
+  '/logo.svg'
 ];
 
 self.addEventListener('install', (event) => {