added manifest

ka-note/client/package.json

@@ -34,6 +34,7 @@
     "svelte": "^5.19.0",
     "tailwindcss": "^3.4.17",
     "typescript": "^5.7.3",
-    "vite": "^6.1.0"
+    "vite": "^6.1.0",
+    "vite-plugin-pwa": "^1.2.0"
   }
 }

ka-note/client/src/app.html

@@ -4,6 +4,9 @@
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		<link rel="icon" href="%sveltekit.assets%/favicon.svg" />
+		<link rel="manifest" href="/manifest.webmanifest" />
+		<link rel="apple-touch-icon" href="%sveltekit.assets%/icon-192.png" />
+		<meta name="theme-color" content="#3a3a3a" />
 		<title>Ka-Note</title>
 		%sveltekit.head%
 	</head>

ka-note/client/static/icon-512.svg

@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
+  <!-- Dark background -->
+  <rect width="512" height="512" fill="#3a3a3a" rx="80"/>
+
+  <!-- White circle -->
+  <circle cx="256" cy="256" r="170" fill="#ffffff"/>
+
+  <!-- Open book shape -->
+  <!-- Book spine (center line) -->
+  <!-- Left page -->
+  <path d="M130 195 Q130 185 140 183 L248 183 L248 330 Q200 325 152 335 Q130 338 130 320 Z" fill="#f0ede8"/>
+  <!-- Right page -->
+  <path d="M264 183 L372 183 Q382 185 382 195 L382 320 Q382 338 360 335 Q312 325 264 330 Z" fill="#f0ede8"/>
+  <!-- Book spine shadow -->
+  <rect x="248" y="183" width="16" height="147" fill="#e0dbd2" rx="2"/>
+
+  <!-- Left page: orange/amber checkmark -->
+  <polyline points="160,255 190,285 230,220" fill="none" stroke="#f59e0b" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
+
+  <!-- Right page: teal horizontal lines -->
+  <line x1="280" y1="220" x2="360" y2="220" stroke="#0d9488" stroke-width="8" stroke-linecap="round"/>
+  <line x1="280" y1="245" x2="355" y2="245" stroke="#0d9488" stroke-width="8" stroke-linecap="round"/>
+  <line x1="280" y1="270" x2="350" y2="270" stroke="#0d9488" stroke-width="8" stroke-linecap="round"/>
+  <line x1="280" y1="295" x2="345" y2="295" stroke="#0d9488" stroke-width="8" stroke-linecap="round"/>
+
+  <!-- Right page: teal clock icon (top-right corner of right page) -->
+  <!-- Clock circle -->
+  <circle cx="358" cy="200" r="18" fill="none" stroke="#0d9488" stroke-width="5"/>
+  <!-- Clock hands -->
+  <line x1="358" y1="200" x2="358" y2="191" stroke="#0d9488" stroke-width="4" stroke-linecap="round"/>
+  <line x1="358" y1="200" x2="365" y2="204" stroke="#0d9488" stroke-width="4" stroke-linecap="round"/>
+</svg>

ka-note/client/vite.config.ts

@@ -1,8 +1,33 @@
 import { sveltekit } from '@sveltejs/kit/vite';
 import { defineConfig } from 'vite';
+import { VitePWA } from 'vite-plugin-pwa';
 
 export default defineConfig({
-	plugins: [sveltekit()],
+	plugins: [
+		sveltekit(),
+		VitePWA({
+			registerType: 'autoUpdate',
+			manifest: {
+				name: 'Ka-Note',
+				short_name: 'Ka-Note',
+				description: 'Local-first meeting and topic management',
+				start_url: '/',
+				display: 'standalone',
+				background_color: '#3a3a3a',
+				theme_color: '#3a3a3a',
+				icons: [
+					{ src: '/icon-192.png', sizes: '192x192', type: 'image/png' },
+					{ src: '/icon-512.png', sizes: '512x512', type: 'image/png', purpose: 'any maskable' }
+				]
+			},
+			workbox: {
+				globPatterns: ['**/*.{js,css,html,svg,png,woff2}']
+			},
+			devOptions: {
+				enabled: true
+			}
+		})
+	],
 	server: {
 		proxy: {
 			'/api': 'http://localhost:3001'