Implement PWA.

frontend/src/App.vue

@@ -219,6 +219,10 @@ interface ScoredMediaItem {
 
 const searchCategories = ref<SearchCategory[]>([]);
 
+function requestInitialFullscreen() {
+  void document.documentElement.requestFullscreen();
+}
+
 // Focus state per page for Escape navigation
 const focusStateMap = new Map<string, { row: number; col: number }>();
 // Track the last viewed item ID to restore focus to the right card
@@ -308,10 +312,12 @@ function handleEscapeKey(event: KeyboardEvent) {
 
 onMounted(() => {
   document.addEventListener('keydown', handleEscapeKey);
+  window.addEventListener('click', requestInitialFullscreen, { once: true });
 });
 
 onUnmounted(() => {
   document.removeEventListener('keydown', handleEscapeKey);
+  window.removeEventListener('click', requestInitialFullscreen);
 });
 
 // Search query stored in ref (not URL-based)

frontend/src/main.ts

@@ -9,4 +9,10 @@ import { installGamepadNavigation } from './composables/useGamepadNavigation'
 installKeyboardNavigation()
 installGamepadNavigation()
 
+if ('serviceWorker' in navigator && !navigator.serviceWorker.controller) {
+	navigator.serviceWorker.addEventListener('controllerchange', () => {
+		window.location.reload()
+	}, { once: true })
+}
+
 createApp(App).use(router).mount('#app')

frontend/src/pwa.ts

@@ -0,0 +1,8 @@
+import { registerSW } from 'virtual:pwa-register'
+
+export function registerMediaHivePwa(): void {
+  const updateServiceWorker = registerSW({
+    immediate: true,
+    onNeedRefresh: () => void updateServiceWorker(true),
+  })
+}

frontend/src/vite-env.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="vite/client" />
+/// <reference types="vite-plugin-pwa/client" />
 
 declare module '*.vue' {
   import type { DefineComponent } from 'vue'