adding manifest, app theme color is now 8159b8 from favicon

server/index.ts

@@ -42,6 +42,12 @@ const server = Bun.serve({
     '/favicon.webp': {
       GET: () => new Response(Bun.file(`${PUBLIC_DIR}/favicon.webp`)),
     },
+    '/icon-512.webp': {
+      GET: () => new Response(Bun.file(`${PUBLIC_DIR}/icon-512.webp`)),
+    },
+    '/manifest.json': {
+      GET: () => new Response(Bun.file(`${PUBLIC_DIR}/manifest.json`)),
+    },
     '/htmx.js': {
       GET: async (req) =>
         maybeCompress(req, await Bun.file(`${PUBLIC_DIR}/htmx.min.js`).text(), 'text/javascript'),

server/public/admin.css

@@ -164,7 +164,7 @@ h2 {
 .link-button {
   display: inline-block;
   padding: 0.625rem 1.25rem;
-  background: #007bff;
+  background: #8159b8;
   color: white;
   text-decoration: none;
   border-radius: 0.25rem;
@@ -174,7 +174,7 @@ h2 {
 }
 
 .link-button:hover {
-  background: #0056b3;
+  background: #6b4a99;
 }
 
 .loading {

server/public/admin.html

@@ -4,7 +4,9 @@
   <meta charset="UTF-8">
   <title>SUP Admin</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="theme-color" content="#8159b8">
   <link rel="icon" type="image/webp" href="/favicon.webp">
+  <link rel="manifest" href="/manifest.json">
   <link rel="stylesheet" href="/admin.css">
   <script src="/htmx.js"></script>
 </head>
@@ -22,10 +24,13 @@
     <h2>Signal</h2>
     <div id="signal-info" 
          hx-get="/signal-info/fragment" 
-         hx-trigger="load">
+         hx-trigger="load, accountLinked from:body">
       Loading...
     </div>
-    <div id="qr-section"></div>
+    <div id="qr-section"
+         hx-get="/signal-info/fragment"
+         hx-trigger="accountLinked from:body"
+         hx-swap="none"></div>
   </div>
 
   <div class="card">

server/public/manifest.json

@@ -0,0 +1,23 @@
+{
+  "name": "SUP Admin",
+  "short_name": "SUP",
+  "description": "Signal Unified Push Admin Panel",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#1a1a1a",
+  "theme_color": "#8159b8",
+  "icons": [
+    {
+      "src": "/favicon.webp",
+      "sizes": "32x32",
+      "type": "image/webp",
+      "purpose": "any"
+    },
+    {
+      "src": "/icon-512.webp",
+      "sizes": "512x512",
+      "type": "image/webp",
+      "purpose": "any maskable"
+    }
+  ]
+}

server/routes/admin.ts

@@ -35,7 +35,10 @@ export const handleHealthFragment = async () => {
   `;
 
   return new Response(html, {
-    headers: { 'content-type': 'text/html' },
+    headers: {
+      'content-type': 'text/html',
+      'HX-Trigger': linked ? 'accountLinked' : '',
+    },
   });
 };