feat: update notice after a server update, keep the open tab on reload, chunked Whisper in Quick Dump, compact emoji picker

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

frontend/src/components/UpdateAvailableModal.tsx

@@ -0,0 +1,51 @@
+import React from 'react';
+import { RefreshCw } from 'lucide-react';
+import { APP_VERSION } from '../version';
+import type { AvailableUpdate } from '../lib/useUpdateCheck';
+
+// Shown when the server got a new MindSift (lib/useUpdateCheck): reloading fetches the new app (the
+// service worker loads pages from the network first).
+export const UpdateAvailableModal: React.FC<{ update: AvailableUpdate; onLater: () => void }> = ({ update, onLater }) => (
+  <div className="fixed inset-0 !m-0 z-[70] modal-overlay flex items-center justify-center p-4" onClick={onLater}>
+    <div
+      role="dialog"
+      aria-modal="true"
+      aria-labelledby="update-title"
+      onClick={(e) => e.stopPropagation()}
+      className="w-full max-w-sm panel-surface shadow-panel p-5 space-y-4"
+    >
+      <div className="flex items-start gap-3">
+        <div className="w-9 h-9 bg-accent text-on-accent rounded-btn flex items-center justify-center shrink-0">
+          <RefreshCw className="w-4 h-4" />
+        </div>
+        <div className="min-w-0 space-y-1">
+          <h3 id="update-title" className="text-sm font-semibold text-main">
+            Neue Version verfügbar
+          </h3>
+          <p className="text-xs text-muted leading-relaxed">
+            Der Server wurde aktualisiert
+            {update.version && update.version !== APP_VERSION ? (
+              <>
+                {' '}auf <span className="font-mono text-main">{update.version}</span>
+              </>
+            ) : null}
+            . Lade die Seite neu, um sie zu nutzen; ungespeicherte Eingaben in offenen Feldern gehen dabei verloren.
+          </p>
+        </div>
+      </div>
+      <div className="flex gap-2 sm:justify-end">
+        <button type="button" onClick={onLater} className="btn-action flex-1 sm:flex-none h-11 sm:h-8 px-3 text-sm sm:text-xs">
+          Später
+        </button>
+        <button
+          type="button"
+          autoFocus
+          onClick={() => window.location.reload()}
+          className="btn-primary flex-1 sm:flex-none h-11 sm:h-8 px-4 text-sm sm:text-xs font-semibold"
+        >
+          Jetzt aktualisieren
+        </button>
+      </div>
+    </div>
+  </div>
+);