From a04ecf7a1927b95405dcd406847145c3f7d3075c Mon Sep 17 00:00:00 2001
From: Dennis Landmann <landmann@netzkultur.de>
Date: Tue, 21 Apr 2026 01:14:16 +0200
Subject: [PATCH] feat: voice messages, offline queue, delivery ticks, volume
 slider, admin + scaling
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Voice messages: MediaRecorder → encrypted attachment, custom waveform
  player via OfflineAudioContext, 60s limit + live mic-level meter
- Offline message queue: localStorage outbox, exponential backoff retries,
  optimistic pending bubble with retry/discard
- Delivery indicator: message_deliveries table + RLS (reciprocal receipts),
  ✓ / ✓✓ / ✓✓-blue tick states, group-aware (all members must ack)
- Per-participant volume slider in calls via right-click tile menu,
  persisted to localStorage, applied to attached audio elements
- Group call scaling: grid up to 12 tiles with pagination,
  active-speaker auto-promotion in fullscreen
- Push notifications scaffolding: service worker, VAPID subscription
  registration, notify-push edge function skeleton
- Backup recovery code: 24-char base32 code (~120 bits entropy) as
  alternative decrypt path, restore UI with mode toggle
- Admin panel: conversations list, audit log (admin_audit_log table +
  admin_log_action RPC), audit entry on user flag toggle
- Search v2: sender filter, attachment-only toggle, date range
- Reactions pop animation (scale 0.4→1.15→1 on count change)
- Message list windowing (150 default, expand via IntersectionObserver)
- Stub cleanup: removed dead ScreenshareStub from CallParticipantTile

Fixes:
- Focus-triggered flicker: dropped window.focus listeners in three spots,
  throttled visibilitychange/online wake-refreshes to 30s, keep existing
  data visible during background re-syncs (no more spinner on every click)
- Voice attachment audio element collapsed to 0px on peer side — now
  forces 280px min-width on bubble

Migrations (push required):
  20260421000001_message_deliveries.sql
  20260421000002_admin_audit_log.sql

Server TODO:
  VAPID keys + notify-push edge function deploy
---
 apps/desktop/public/sw.js                     |  67 ++
 .../src/components/AttachmentAudio.tsx        | 239 +++++++
 .../src/components/BackupExportDialog.tsx     | 109 ++-
 .../src/components/CallParticipantTile.tsx    |  72 +-
 apps/desktop/src/components/DeviceRestore.tsx |  44 +-
 apps/desktop/src/components/InCallPanel.tsx   | 173 ++++-
 apps/desktop/src/components/MessageBubble.tsx |  68 +-
 .../src/components/ParticipantVolumeMenu.tsx  |  87 +++
 apps/desktop/src/components/VoiceRecorder.tsx | 252 +++++++
 apps/desktop/src/context/AuthContext.tsx      |   8 +
 apps/desktop/src/context/CallContext.tsx      |   7 +-
 .../src/context/ConversationsContext.tsx      |  11 +-
 apps/desktop/src/lib/deviceBackup.ts          |  56 ++
 apps/desktop/src/lib/messageOutbox.ts         | 164 +++++
 apps/desktop/src/lib/participantVolumes.ts    |  91 +++
 .../src/lib/useConversationMessages.ts        | 186 ++++-
 apps/desktop/src/lib/useFriendships.ts        |   9 +-
 apps/desktop/src/lib/useGroupReceipts.ts      |  87 +++
 apps/desktop/src/lib/useMessageDeliveries.ts  |  61 ++
 apps/desktop/src/lib/webPush.ts               |  87 +++
 apps/desktop/src/pages/AdminPage.tsx          | 122 +++-
 apps/desktop/src/pages/ConversationPage.tsx   | 415 +++++++++--
 apps/desktop/tailwind.config.js               |   6 +
 design_handoff_chatapp/ChatApp Redesign.html  |   6 +
 design_handoff_chatapp/README.md              | 526 ++++++++------
 design_handoff_chatapp/components/app.jsx     |  24 +-
 design_handoff_chatapp/components/icons.jsx   |  12 +
 design_handoff_chatapp/components/pages.jsx   | 591 ++++++++++++++++
 .../screenshots/12-friends-light.png          | Bin 0 -> 33333 bytes
 .../screenshots/13-admin-light.png            | Bin 0 -> 38080 bytes
 .../screenshots/14-settings-light.png         | Bin 0 -> 39481 bytes
 .../screenshots/15-friends-dark.png           | Bin 0 -> 32178 bytes
 .../screenshots/16-admin-dark.png             | Bin 0 -> 36952 bytes
 .../screenshots/17-settings-dark.png          | Bin 0 -> 38113 bytes
 design_handoff_chatapp/styles/pages.css       | 651 ++++++++++++++++++
 packages/shared/src/admin/index.ts            | 138 ++++
 packages/shared/src/chat/messages.ts          | 128 ++++
 supabase/functions/notify-push/index.ts       | 102 +++
 .../20260421000001_message_deliveries.sql     |  54 ++
 .../20260421000002_admin_audit_log.sql        |  63 ++
 40 files changed, 4286 insertions(+), 430 deletions(-)
 create mode 100644 apps/desktop/public/sw.js
 create mode 100644 apps/desktop/src/components/AttachmentAudio.tsx
 create mode 100644 apps/desktop/src/components/ParticipantVolumeMenu.tsx
 create mode 100644 apps/desktop/src/components/VoiceRecorder.tsx
 create mode 100644 apps/desktop/src/lib/messageOutbox.ts
 create mode 100644 apps/desktop/src/lib/participantVolumes.ts
 create mode 100644 apps/desktop/src/lib/useGroupReceipts.ts
 create mode 100644 apps/desktop/src/lib/useMessageDeliveries.ts
 create mode 100644 apps/desktop/src/lib/webPush.ts
 create mode 100644 design_handoff_chatapp/components/pages.jsx
 create mode 100644 design_handoff_chatapp/screenshots/12-friends-light.png
 create mode 100644 design_handoff_chatapp/screenshots/13-admin-light.png
 create mode 100644 design_handoff_chatapp/screenshots/14-settings-light.png
 create mode 100644 design_handoff_chatapp/screenshots/15-friends-dark.png
 create mode 100644 design_handoff_chatapp/screenshots/16-admin-dark.png
 create mode 100644 design_handoff_chatapp/screenshots/17-settings-dark.png
 create mode 100644 design_handoff_chatapp/styles/pages.css
 create mode 100644 supabase/functions/notify-push/index.ts
 create mode 100644 supabase/migrations/20260421000001_message_deliveries.sql
 create mode 100644 supabase/migrations/20260421000002_admin_audit_log.sql

diff --git a/apps/desktop/public/sw.js b/apps/desktop/public/sw.js
new file mode 100644
index 0000000..eb73de7
--- /dev/null
+++ b/apps/desktop/public/sw.js
@@ -0,0 +1,67 @@
+// Web Push service worker.
+//
+// Handles browser-delivered push events when the app tab is closed or in the
+// background. Tauri desktop does not install service workers; native OS
+// notifications are routed through the Tauri notification plugin instead
+// (see src/lib/osNotify.ts).
+//
+// Payload contract — server sends JSON of shape:
+//   { title: string, body?: string, conversationId?: string, kind?: 'message' | 'call' }
+// Body is intentionally generic; message ciphertext is never included.
+
+self.addEventListener('install', (event) => {
+  // Activate immediately so updates apply on next page load.
+  event.waitUntil(self.skipWaiting());
+});
+
+self.addEventListener('activate', (event) => {
+  event.waitUntil(self.clients.claim());
+});
+
+self.addEventListener('push', (event) => {
+  let data = { title: 'Neue Nachricht', body: '' };
+  try {
+    if (event.data) {
+      data = { ...data, ...event.data.json() };
+    }
+  } catch (_err) {
+    /* malformed payload — fall back to defaults */
+  }
+
+  const opts = {
+    body: data.body || '',
+    icon: '/favicon.svg',
+    badge: '/favicon.svg',
+    tag: data.conversationId || 'default',
+    renotify: true,
+    data: {
+      conversationId: data.conversationId,
+      kind: data.kind,
+    },
+  };
+
+  event.waitUntil(self.registration.showNotification(data.title, opts));
+});
+
+self.addEventListener('notificationclick', (event) => {
+  event.notification.close();
+  const conversationId = event.notification.data && event.notification.data.conversationId;
+  const target = conversationId ? '/chats/' + conversationId : '/';
+
+  event.waitUntil(
+    self.clients
+      .matchAll({ type: 'window', includeUncontrolled: true })
+      .then((clientList) => {
+        for (const client of clientList) {
+          if ('focus' in client) {
+            client.postMessage({ type: 'navigate', to: target });
+            return client.focus();
+          }
+        }
+        if (self.clients.openWindow) {
+          return self.clients.openWindow(target);
+        }
+        return undefined;
+      }),
+  );
+});
diff --git a/apps/desktop/src/components/AttachmentAudio.tsx b/apps/desktop/src/components/AttachmentAudio.tsx
new file mode 100644
index 0000000..fdc3d3d
--- /dev/null
+++ b/apps/desktop/src/components/AttachmentAudio.tsx
@@ -0,0 +1,239 @@
+import { type AttachmentHandle, downloadAndDecryptAttachment } from '@chat-app/shared/chat';
+import { useEffect, useMemo, useRef, useState } from 'react';
+
+import { supabase } from '../lib/supabase';
+import { AlertIcon, MicIcon, SpinnerIcon } from './icons';
+
+interface Props {
+  handle: AttachmentHandle;
+}
+
+const BAR_COUNT = 48;
+
+// Custom voice-message player with waveform visualisation. Decoded peaks are
+// computed once per blob via OfflineAudioContext so playback only carries the
+// rendered DOM. Falls back to a rectangular bar if decoding fails (e.g. the
+// blob mime is recognised by <audio> but not by AudioContext).
+export function AttachmentAudio({ handle }: Props) {
+  const [blobUrl, setBlobUrl] = useState<string | null>(null);
+  const [arrayBuf, setArrayBuf] = useState<ArrayBuffer | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  const [peaks, setPeaks] = useState<number[] | null>(null);
+  const [duration, setDuration] = useState<number>(0);
+  const [position, setPosition] = useState<number>(0);
+  const [playing, setPlaying] = useState(false);
+  const audioRef = useRef<HTMLAudioElement | null>(null);
+
+  useEffect(() => {
+    let cancelled = false;
+    let url: string | null = null;
+    setError(null);
+    setBlobUrl(null);
+    setArrayBuf(null);
+
+    downloadAndDecryptAttachment({ client: supabase, handle })
+      .then(async (blob) => {
+        if (cancelled) return;
+        url = URL.createObjectURL(blob);
+        setBlobUrl(url);
+        const buf = await blob.arrayBuffer();
+        if (!cancelled) setArrayBuf(buf);
+      })
+      .catch((err: unknown) => {
+        if (!cancelled) {
+          setError(err instanceof Error ? err.message : 'download failed');
+        }
+      });
+
+    return () => {
+      cancelled = true;
+      if (url) URL.revokeObjectURL(url);
+    };
+  }, [handle.id, handle.storagePath, handle.keyB64, handle.nonceB64]);
+
+  // Compute peaks via OfflineAudioContext. Cheap O(n) scan over PCM samples
+  // bucketed into BAR_COUNT bars. Done once per attachment.
+  useEffect(() => {
+    if (!arrayBuf) return;
+    let cancelled = false;
+    const Ctx =
+      window.AudioContext ||
+      (window as unknown as { webkitAudioContext: typeof AudioContext }).webkitAudioContext;
+    const ctx = new Ctx();
+    ctx
+      .decodeAudioData(arrayBuf.slice(0))
+      .then((decoded) => {
+        if (cancelled) return;
+        setDuration(decoded.duration);
+        const channel = decoded.getChannelData(0);
+        const bucket = Math.max(1, Math.floor(channel.length / BAR_COUNT));
+        const out = new Array<number>(BAR_COUNT).fill(0);
+        for (let i = 0; i < BAR_COUNT; i++) {
+          let max = 0;
+          const start = i * bucket;
+          const end = Math.min(channel.length, start + bucket);
+          for (let j = start; j < end; j++) {
+            const v = Math.abs(channel[j]!);
+            if (v > max) max = v;
+          }
+          out[i] = max;
+        }
+        // Normalize so loudest peak is 1; keeps quiet recordings visible.
+        const peak = Math.max(...out, 0.001);
+        setPeaks(out.map((v) => v / peak));
+      })
+      .catch(() => {
+        // Fall through — UI shows a flat bar but playback still works.
+      })
+      .finally(() => {
+        void ctx.close().catch(() => {});
+      });
+    return () => {
+      cancelled = true;
+    };
+  }, [arrayBuf]);
+
+  const fallbackPeaks = useMemo(
+    () => (peaks ? null : Array.from({ length: BAR_COUNT }, () => 0.5)),
+    [peaks],
+  );
+  const visiblePeaks = peaks ?? fallbackPeaks!;
+  const progress = duration > 0 ? position / duration : 0;
+
+  const onTogglePlay = () => {
+    const el = audioRef.current;
+    if (!el || !blobUrl) return;
+    if (el.paused) void el.play();
+    else el.pause();
+  };
+
+  const onSeek = (e: React.MouseEvent<HTMLDivElement>) => {
+    const el = audioRef.current;
+    if (!el || duration === 0) return;
+    const rect = e.currentTarget.getBoundingClientRect();
+    const ratio = Math.min(1, Math.max(0, (e.clientX - rect.left) / rect.width));
+    el.currentTime = ratio * duration;
+  };
+
+  if (error) {
+    return (
+      <div className="mt-2 inline-flex items-center gap-2 rounded-lg border border-rose-500/20 bg-rose-500/10 px-3 py-2 text-xs text-rose-200">
+        <AlertIcon className="h-4 w-4" />
+        <span>{error}</span>
+      </div>
+    );
+  }
+
+  return (
+    <div className="mt-2 flex w-[280px] min-w-[280px] items-center gap-2 rounded-lg border border-line bg-surface-2 px-3 py-2">
+      <button
+        type="button"
+        onClick={onTogglePlay}
+        disabled={!blobUrl}
+        aria-label={playing ? 'Pause' : 'Wiedergabe'}
+        title={playing ? 'Pause' : 'Wiedergabe'}
+        className="flex h-9 w-9 shrink-0 cursor-pointer items-center justify-center rounded-full bg-accent text-accent-fg transition hover:brightness-110 focus:outline-none focus-visible:ring-2 focus-visible:ring-accent/50 disabled:cursor-not-allowed disabled:opacity-60"
+      >
+        {!blobUrl ? (
+          <SpinnerIcon className="h-4 w-4" />
+        ) : playing ? (
+          <PauseGlyph />
+        ) : (
+          <PlayGlyph />
+        )}
+      </button>
+      <div className="flex min-w-0 flex-1 flex-col gap-1">
+        <div
+          role="slider"
+          aria-label="Position"
+          aria-valuemin={0}
+          aria-valuemax={Math.max(1, Math.floor(duration))}
+          aria-valuenow={Math.floor(position)}
+          tabIndex={0}
+          onClick={onSeek}
+          className="flex h-7 cursor-pointer items-center gap-[2px]"
+        >
+          {visiblePeaks.map((v, i) => {
+            const playedRatio = (i + 0.5) / BAR_COUNT;
+            const played = playedRatio <= progress;
+            const h = Math.max(2, Math.round(v * 22));
+            return (
+              <span
+                key={i}
+                style={{ height: h + 'px' }}
+                className={
+                  'w-[3px] rounded-full ' +
+                  (played ? 'bg-accent' : 'bg-fg-muted/40')
+                }
+              />
+            );
+          })}
+        </div>
+        <div className="flex items-center justify-between text-[10px] tabular-nums text-fg-muted">
+          <span className="inline-flex items-center gap-1">
+            <MicIcon className="h-3 w-3" />
+            <span>{formatSec(playing ? position : duration)}</span>
+          </span>
+        </div>
+      </div>
+      {blobUrl && (
+        <audio
+          ref={audioRef}
+          src={blobUrl}
+          preload="metadata"
+          onLoadedMetadata={(e) => {
+            // Some webm/opus blobs report Infinity until first seek (Chrome
+            // bug). Force a seek to flush real duration.
+            const el = e.currentTarget;
+            if (!Number.isFinite(el.duration)) {
+              el.currentTime = 1e9;
+              setTimeout(() => {
+                el.currentTime = 0;
+              }, 0);
+            } else if (duration === 0) {
+              setDuration(el.duration);
+            }
+          }}
+          onDurationChange={(e) => {
+            const d = e.currentTarget.duration;
+            if (Number.isFinite(d) && d > 0) setDuration(d);
+          }}
+          onTimeUpdate={(e) => setPosition(e.currentTarget.currentTime)}
+          onPlay={() => setPlaying(true)}
+          onPause={() => setPlaying(false)}
+          onEnded={() => {
+            setPlaying(false);
+            setPosition(0);
+          }}
+          className="hidden"
+        >
+          <track kind="captions" />
+        </audio>
+      )}
+    </div>
+  );
+}
+
+function PlayGlyph() {
+  return (
+    <svg viewBox="0 0 16 16" width="14" height="14" fill="currentColor" aria-hidden="true">
+      <path d="M5 3.5l8 4.5-8 4.5z" />
+    </svg>
+  );
+}
+
+function PauseGlyph() {
+  return (
+    <svg viewBox="0 0 16 16" width="14" height="14" fill="currentColor" aria-hidden="true">
+      <rect x="4" y="3" width="3" height="10" rx="1" />
+      <rect x="9" y="3" width="3" height="10" rx="1" />
+    </svg>
+  );
+}
+
+function formatSec(sec: number): string {
+  if (!Number.isFinite(sec) || sec < 0) sec = 0;
+  const m = Math.floor(sec / 60);
+  const s = Math.floor(sec % 60);
+  return m + ':' + s.toString().padStart(2, '0');
+}
diff --git a/apps/desktop/src/components/BackupExportDialog.tsx b/apps/desktop/src/components/BackupExportDialog.tsx
index 01b6c75..bd07b2a 100644
--- a/apps/desktop/src/components/BackupExportDialog.tsx
+++ b/apps/desktop/src/components/BackupExportDialog.tsx
@@ -1,7 +1,7 @@
 import { useCallback, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { exportDeviceBackup } from '../lib/deviceBackup';
+import { type BackupBundle, exportDeviceBackupWithRecovery } from '../lib/deviceBackup';
 import { AlertIcon, CopyIcon, LockIcon, ShieldIcon, SpinnerIcon, XIcon } from './icons';
 
 interface Props {
@@ -22,8 +22,9 @@ export function BackupExportDialog({ open, userId, deviceId, privateKey, onClose
   const [confirm, setConfirm] = useState('');
   const [busy, setBusy] = useState(false);
   const [error, setError] = useState<string | null>(null);
-  const [backup, setBackup] = useState<string | null>(null);
+  const [bundle, setBundle] = useState<BackupBundle | null>(null);
   const [copied, setCopied] = useState(false);
+  const [copiedRecovery, setCopiedRecovery] = useState(false);
 
   const canGenerate = useMemo(() => {
     return passphrase.length >= 8 && passphrase === confirm && !busy;
@@ -32,9 +33,10 @@ export function BackupExportDialog({ open, userId, deviceId, privateKey, onClose
   const reset = useCallback(() => {
     setPassphrase('');
     setConfirm('');
-    setBackup(null);
+    setBundle(null);
     setError(null);
     setCopied(false);
+    setCopiedRecovery(false);
   }, []);
 
   const handleClose = useCallback(() => {
@@ -47,8 +49,13 @@ export function BackupExportDialog({ open, userId, deviceId, privateKey, onClose
     setBusy(true);
     setError(null);
     try {
-      const str = await exportDeviceBackup({ userId, deviceId, privateKey, passphrase });
-      setBackup(str);
+      const b = await exportDeviceBackupWithRecovery({
+        userId,
+        deviceId,
+        privateKey,
+        passphrase,
+      });
+      setBundle(b);
     } catch (err: unknown) {
       setError(err instanceof Error ? err.message : String(err));
     } finally {
@@ -56,27 +63,39 @@ export function BackupExportDialog({ open, userId, deviceId, privateKey, onClose
     }
   }, [canGenerate, userId, deviceId, privateKey, passphrase]);
 
-  const handleCopy = useCallback(async () => {
-    if (!backup) return;
+  const copyText = async (text: string, marker: 'main' | 'recovery'): Promise<void> => {
     try {
-      await navigator.clipboard.writeText(backup);
-      setCopied(true);
-      window.setTimeout(() => setCopied(false), 1500);
+      await navigator.clipboard.writeText(text);
+      if (marker === 'main') {
+        setCopied(true);
+        window.setTimeout(() => setCopied(false), 1500);
+      } else {
+        setCopiedRecovery(true);
+        window.setTimeout(() => setCopiedRecovery(false), 1500);
+      }
     } catch {
       /* fall back — user can select manually */
     }
-  }, [backup]);
+  };
 
   const handleDownload = useCallback(() => {
-    if (!backup) return;
-    const blob = new Blob([backup], { type: 'text/plain;charset=utf-8' });
+    if (!bundle) return;
+    const text =
+      '=== Passphrase backup ===\n' +
+      bundle.passphraseBackup +
+      '\n\n=== Recovery code ===\n' +
+      bundle.recoveryCode +
+      '\n\n=== Recovery backup (use with the recovery code) ===\n' +
+      bundle.recoveryBackup +
+      '\n';
+    const blob = new Blob([text], { type: 'text/plain;charset=utf-8' });
     const url = URL.createObjectURL(blob);
     const a = document.createElement('a');
     a.href = url;
     a.download = `chatapp-device-backup-${deviceId.slice(0, 8)}.txt`;
     a.click();
     URL.revokeObjectURL(url);
-  }, [backup, deviceId]);
+  }, [bundle, deviceId]);
 
   if (!open) return null;
 
@@ -110,7 +129,7 @@ export function BackupExportDialog({ open, userId, deviceId, privateKey, onClose
         </header>
 
         <div className="flex-1 overflow-y-auto p-5">
-          {!backup ? (
+          {!bundle ? (
             <>
               <p className="text-sm text-fg-muted">
                 {t('app:backup.export_explainer', {
@@ -183,40 +202,76 @@ export function BackupExportDialog({ open, userId, deviceId, privateKey, onClose
                   </span>
                 </div>
               </div>
+              <label className="mt-3 block text-xs font-medium uppercase tracking-wide text-fg-muted">
+                Backup-String
+              </label>
               <textarea
                 readOnly
-                value={backup}
-                rows={8}
+                value={bundle.passphraseBackup}
+                rows={6}
                 onFocus={(e) => e.currentTarget.select()}
-                className="mt-3 w-full resize-none rounded-lg border border-line bg-surface-2 p-3 font-mono text-[11px] leading-relaxed text-fg"
+                className="mt-1 w-full resize-none rounded-lg border border-line bg-surface-2 p-3 font-mono text-[11px] leading-relaxed text-fg"
               />
-              <div className="mt-3 flex gap-2">
+              <div className="mt-2 flex gap-2">
                 <button
                   type="button"
-                  onClick={() => void handleCopy()}
+                  onClick={() => void copyText(bundle.passphraseBackup, 'main')}
                   className="inline-flex flex-1 cursor-pointer items-center justify-center gap-1.5 rounded-lg border border-line bg-surface-2 px-3 py-2 text-sm font-medium text-fg transition hover:bg-surface-3"
                 >
                   <CopyIcon className="h-4 w-4" />
-                  <span>
-                    {copied
-                      ? t('app:backup.copied', { defaultValue: 'Kopiert!' })
-                      : t('app:backup.copy', { defaultValue: 'Kopieren' })}
-                  </span>
+                  <span>{copied ? 'Kopiert!' : 'Kopieren'}</span>
                 </button>
                 <button
                   type="button"
                   onClick={handleDownload}
                   className="inline-flex flex-1 cursor-pointer items-center justify-center gap-1.5 rounded-lg border border-line bg-surface-2 px-3 py-2 text-sm font-medium text-fg transition hover:bg-surface-3"
                 >
-                  {t('app:backup.download', { defaultValue: 'Als Datei speichern' })}
+                  Als Datei speichern (alles)
                 </button>
               </div>
+
+              <div className="mt-5 rounded-lg border border-amber-500/30 bg-amber-500/10 p-3">
+                <div className="flex items-start gap-2">
+                  <ShieldIcon className="mt-0.5 h-4 w-4 shrink-0 text-amber-600 dark:text-amber-300" />
+                  <div className="min-w-0 flex-1">
+                    <p className="text-xs font-semibold text-amber-700 dark:text-amber-200">
+                      Recovery-Code (Passphrase vergessen?)
+                    </p>
+                    <p className="mt-0.5 text-[11px] text-amber-700/80 dark:text-amber-200/80">
+                      Code separat aufbewahren. Mit dem Recovery-Backup unten lässt sich der Schlüssel
+                      ohne Passphrase wiederherstellen.
+                    </p>
+                    <p className="mt-2 select-all rounded bg-surface-3 px-2 py-1.5 font-mono text-sm tracking-widest text-fg">
+                      {bundle.recoveryCode}
+                    </p>
+                  </div>
+                </div>
+              </div>
+
+              <label className="mt-3 block text-xs font-medium uppercase tracking-wide text-fg-muted">
+                Recovery-Backup-String
+              </label>
+              <textarea
+                readOnly
+                value={bundle.recoveryBackup}
+                rows={6}
+                onFocus={(e) => e.currentTarget.select()}
+                className="mt-1 w-full resize-none rounded-lg border border-line bg-surface-2 p-3 font-mono text-[11px] leading-relaxed text-fg"
+              />
+              <button
+                type="button"
+                onClick={() => void copyText(bundle.recoveryBackup, 'recovery')}
+                className="mt-2 inline-flex w-full cursor-pointer items-center justify-center gap-1.5 rounded-lg border border-line bg-surface-2 px-3 py-2 text-sm font-medium text-fg transition hover:bg-surface-3"
+              >
+                <CopyIcon className="h-4 w-4" />
+                <span>{copiedRecovery ? 'Kopiert!' : 'Recovery-Backup kopieren'}</span>
+              </button>
             </>
           )}
         </div>
 
         <footer className="flex items-center justify-end gap-2 border-t border-line bg-surface-2 px-5 py-3">
-          {!backup ? (
+          {!bundle ? (
             <>
               <button
                 type="button"
diff --git a/apps/desktop/src/components/CallParticipantTile.tsx b/apps/desktop/src/components/CallParticipantTile.tsx
index fb65fe6..763092f 100644
--- a/apps/desktop/src/components/CallParticipantTile.tsx
+++ b/apps/desktop/src/components/CallParticipantTile.tsx
@@ -1,6 +1,6 @@
 import { useEffect, useRef } from 'react';
 
-import { CrownIcon, HeadphonesOffIcon, LockIcon, MicOffIcon, MonitorShareIcon } from './icons';
+import { CrownIcon, HeadphonesOffIcon, LockIcon, MicOffIcon } from './icons';
 
 export type AvatarColorKey = 'violet' | 'amber' | 'rose' | 'teal';
 
@@ -48,7 +48,6 @@ export interface ParticipantTileProps {
    *  ever carries a truthy value. */
   deafened: boolean;
   speaking: boolean;
-  sharing: boolean;
   video: boolean;
   e2ee: boolean;
   /** MediaStreamTrack for the participant's active camera, when `video` is
@@ -57,7 +56,7 @@ export interface ParticipantTileProps {
   size?: 'default' | 'small';
   focused?: boolean;
   onClick?: () => void;
-  onOpenScreenShare?: () => void;
+  onContextMenu?: (e: React.MouseEvent) => void;
 }
 
 export function CallParticipantTile(props: ParticipantTileProps) {
@@ -67,13 +66,12 @@ export function CallParticipantTile(props: ParticipantTileProps) {
     muted,
     deafened,
     speaking,
-    sharing,
     video,
     e2ee,
     size = 'default',
     focused = false,
     onClick,
-    onOpenScreenShare,
+    onContextMenu,
   } = props;
 
   const small = size === 'small';
@@ -86,6 +84,7 @@ export function CallParticipantTile(props: ParticipantTileProps) {
   return (
     <div
       onClick={onClick}
+      onContextMenu={onContextMenu}
       className={
         'relative flex flex-col overflow-hidden rounded-[14px] border bg-surface-3 transition ' +
         (onClick ? 'cursor-pointer ' : '') +
@@ -93,13 +92,7 @@ export function CallParticipantTile(props: ParticipantTileProps) {
         (small ? ' min-w-[140px]' : '')
       }
     >
-      {sharing ? (
-        <ScreenshareStub
-          displayName={displayName}
-          small={small}
-          onOpen={onOpenScreenShare}
-        />
-      ) : video ? (
+      {video ? (
         <VideoStub {...props} small={small} />
       ) : (
         <AudioContent {...props} small={small} />
@@ -150,15 +143,6 @@ export function CallParticipantTile(props: ParticipantTileProps) {
               <HeadphonesOffIcon className="h-3 w-3" />
             </span>
           )}
-          {sharing && (
-            <span
-              aria-label="Teilt Bildschirm"
-              title="Teilt Bildschirm"
-              className="flex h-5 w-5 items-center justify-center rounded-md bg-emerald-500/80 text-white"
-            >
-              <MonitorShareIcon className="h-3 w-3" />
-            </span>
-          )}
         </div>
       </div>
     </div>
@@ -276,49 +260,3 @@ function VideoStub({
   );
 }
 
-interface ScreenshareStubProps {
-  displayName: string;
-  small: boolean;
-  onOpen?: (() => void) | undefined;
-}
-
-// Fake browser window placeholder — click to open the real <video> viewer.
-// Matches the design spec's "screenshare-stub" look.
-function ScreenshareStub({ displayName, small, onOpen }: ScreenshareStubProps) {
-  return (
-    <button
-      type="button"
-      onClick={
-        onOpen
-          ? (e) => {
-              e.stopPropagation();
-              onOpen();
-            }
-          : undefined
-      }
-      aria-label={`${displayName} teilt Bildschirm`}
-      className="relative flex min-h-0 flex-1 cursor-pointer items-center justify-center bg-ink-900 p-3 text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-accent/40"
-    >
-      <div className="h-[85%] w-[90%] overflow-hidden rounded-lg border border-white/10 bg-ink-700">
-        <div className="flex h-[20px] items-center gap-1 bg-ink-600 px-2">
-          <span className="h-1.5 w-1.5 rounded-full bg-ink-500" />
-          <span className="h-1.5 w-1.5 rounded-full bg-ink-500" />
-          <span className="h-1.5 w-1.5 rounded-full bg-ink-500" />
-        </div>
-        <div className={'flex flex-col gap-2 ' + (small ? 'gap-[3px] p-1.5' : 'p-3.5')}>
-          <div className={'w-[60%] rounded ' + (small ? 'h-[3px]' : 'h-1.5') + ' bg-ink-500'} />
-          <div className={'w-[80%] rounded ' + (small ? 'h-[3px]' : 'h-1.5') + ' bg-ink-500'} />
-          <div className={'w-[40%] rounded ' + (small ? 'h-[3px]' : 'h-1.5') + ' bg-ink-500'} />
-          <div className={'my-1 rounded ' + (small ? 'h-[14px]' : 'h-10') + ' bg-accent/30'} />
-          <div className={'w-[70%] rounded ' + (small ? 'h-[3px]' : 'h-1.5') + ' bg-ink-500'} />
-        </div>
-      </div>
-      {!small && (
-        <div className="absolute left-3 top-3 flex items-center gap-1.5 glass-chip rounded-lg px-2.5 py-1 text-[10px] font-medium">
-          <MonitorShareIcon className="h-3 w-3" />
-          <span>{displayName} teilt Bildschirm</span>
-        </div>
-      )}
-    </button>
-  );
-}
diff --git a/apps/desktop/src/components/DeviceRestore.tsx b/apps/desktop/src/components/DeviceRestore.tsx
index c2fc9f6..2cc5499 100644
--- a/apps/desktop/src/components/DeviceRestore.tsx
+++ b/apps/desktop/src/components/DeviceRestore.tsx
@@ -8,6 +8,7 @@ import { useTranslation } from 'react-i18next';
 import {
   decodePrivateKeyFromBackup,
   importDeviceBackup,
+  normalizeRecoveryCode,
 } from '../lib/deviceBackup';
 import { devLocalSecretStore } from '../lib/secretStore';
 import { supabase } from '../lib/supabase';
@@ -28,6 +29,7 @@ export function DeviceRestore({ userId, onRestored }: Props) {
   const { t } = useTranslation(['app', 'errors']);
   const [backup, setBackup] = useState('');
   const [passphrase, setPassphrase] = useState('');
+  const [mode, setMode] = useState<'passphrase' | 'recovery'>('passphrase');
   const [busy, setBusy] = useState(false);
   const [error, setError] = useState<string | null>(null);
 
@@ -39,7 +41,9 @@ export function DeviceRestore({ userId, onRestored }: Props) {
       setError(null);
       let privateKey: Uint8Array | null = null;
       try {
-        const payload = await importDeviceBackup(backup.trim(), passphrase);
+        const secret =
+          mode === 'recovery' ? normalizeRecoveryCode(passphrase) : passphrase;
+        const payload = await importDeviceBackup(backup.trim(), secret);
         privateKey = decodePrivateKeyFromBackup(payload);
 
         const device = await restoreDeviceFromServerRecord({
@@ -63,7 +67,7 @@ export function DeviceRestore({ userId, onRestored }: Props) {
         setBusy(false);
       }
     },
-    [backup, passphrase, userId, onRestored, busy],
+    [backup, passphrase, mode, userId, onRestored, busy],
   );
 
   return (
@@ -102,16 +106,42 @@ export function DeviceRestore({ userId, onRestored }: Props) {
           />
         </div>
         <div className="space-y-1">
-          <label className="block text-xs font-medium uppercase tracking-wide text-neutral-400">
-            {t('app:backup.passphrase', { defaultValue: 'Passphrase' })}
-          </label>
+          <div className="flex items-center justify-between">
+            <label className="block text-xs font-medium uppercase tracking-wide text-neutral-400">
+              {mode === 'passphrase' ? 'Passphrase' : 'Recovery-Code'}
+            </label>
+            <button
+              type="button"
+              onClick={() => {
+                setMode((m) => (m === 'passphrase' ? 'recovery' : 'passphrase'));
+                setPassphrase('');
+                setError(null);
+              }}
+              className="cursor-pointer text-[11px] font-semibold text-brand-300 hover:underline"
+            >
+              {mode === 'passphrase'
+                ? 'Passphrase vergessen? Recovery-Code nutzen'
+                : 'Stattdessen Passphrase eingeben'}
+            </button>
+          </div>
           <input
-            type="password"
+            type={mode === 'passphrase' ? 'password' : 'text'}
             required
             value={passphrase}
             onChange={(e) => setPassphrase(e.target.value)}
-            className="w-full rounded-lg border border-white/10 bg-ink-800 px-3 py-2.5 text-sm text-white placeholder-neutral-500 transition focus:border-brand-400 focus:outline-none focus:ring-2 focus:ring-brand-500/40"
+            placeholder={mode === 'recovery' ? 'XXXXXX-XXXXXX-XXXXXX-XXXXXX' : ''}
+            spellCheck={false}
+            autoComplete={mode === 'recovery' ? 'off' : 'current-password'}
+            className={
+              'w-full rounded-lg border border-white/10 bg-ink-800 px-3 py-2.5 text-sm text-white placeholder-neutral-500 transition focus:border-brand-400 focus:outline-none focus:ring-2 focus:ring-brand-500/40 ' +
+              (mode === 'recovery' ? 'font-mono tracking-widest' : '')
+            }
           />
+          {mode === 'recovery' && (
+            <p className="text-[11px] text-neutral-500">
+              Stattdessen den Recovery-Backup-String oben einfügen.
+            </p>
+          )}
         </div>
       </div>
 
diff --git a/apps/desktop/src/components/InCallPanel.tsx b/apps/desktop/src/components/InCallPanel.tsx
index 187f422..c12fe24 100644
--- a/apps/desktop/src/components/InCallPanel.tsx
+++ b/apps/desktop/src/components/InCallPanel.tsx
@@ -1,7 +1,7 @@
 import type { ConversationSummary } from '@chat-app/shared/chat';
 import type { RemoteParticipant, Room } from 'livekit-client';
 import { Track } from 'livekit-client';
-import { useEffect, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useAuth } from '../context/AuthContext';
@@ -15,6 +15,7 @@ import { useActiveSpeakers } from '../lib/useActiveSpeakers';
 import { CallControls } from './CallControls';
 import { CallParticipantTile } from './CallParticipantTile';
 import { FocusIcon, GridIcon, LockIcon, MaximizeIcon, SpinnerIcon, UsersIcon } from './icons';
+import { ParticipantVolumeMenu } from './ParticipantVolumeMenu';
 import { ScreenShareDialog } from './ScreenShareDialog';
 import { ScreenShareViewer } from './ScreenShareViewer';
 
@@ -76,6 +77,21 @@ export function InCallPanel({ conversation }: Props) {
   const myId = session?.user.id ?? null;
   const activeSpeakers = useActiveSpeakers(room);
   const [shareDialogOpen, setShareDialogOpen] = useState(false);
+  const [volumeMenu, setVolumeMenu] = useState<
+    { userId: string; displayName: string; x: number; y: number } | null
+  >(null);
+
+  const openVolumeMenu = (tile: Tile, e: React.MouseEvent) => {
+    if (tile.self) return;
+    if (tile.kind !== 'user') return;
+    e.preventDefault();
+    setVolumeMenu({
+      userId: tile.userId,
+      displayName: tile.displayName,
+      x: e.clientX,
+      y: e.clientY,
+    });
+  };
 
   const active =
     (state.kind === 'connected' ||
@@ -142,26 +158,46 @@ export function InCallPanel({ conversation }: Props) {
   );
 
   if (callMode === 'fullscreen') {
-    // In fullscreen, a "manual focus" = user explicitly picked someone OR
-    // someone is sharing their screen. Without that we show an even grid of
-    // all participants (Discord default). Clicking a tile switches to the
-    // big-speaker + thumbnail-strip layout.
-    const hasFocus = focusedId !== null || screenTile !== undefined;
+    // In fullscreen, a "manual focus" = user explicitly picked someone, OR
+    // someone is sharing a screen, OR exactly one non-self speaker is talking
+    // (auto-promote). Without that we show an even grid of all participants
+    // (Discord default). Clicking a tile switches to the big-speaker layout.
+    const speakingNonSelf = tiles.filter(
+      (t: Tile) => activeSpeakers.has(t.userId) && !t.self && t.kind === 'user',
+    );
+    const autoSpeaker =
+      focusedId === null && screenTile === undefined && speakingNonSelf.length === 1
+        ? speakingNonSelf[0]
+        : undefined;
+    const hasFocus = focusedId !== null || screenTile !== undefined || autoSpeaker !== undefined;
+    const effectiveSpeaker = hasFocus ? speaker ?? autoSpeaker : undefined;
     return (
-      <FullscreenCall
-        tiles={tiles}
-        speaker={hasFocus ? speaker : undefined}
-        remoteScreenShares={remoteScreenShares}
-        conversationMembers={conversation.members}
-        activeSpeakers={activeSpeakers}
-        e2ee={isE2EEActive}
-        onExit={() => setCallMode('grid')}
-        onFocusTile={(id) => {
-          // Toggle: click the already-focused tile to return to grid.
-          setFocusedId(focusedId === id ? null : id);
-        }}
-        controls={controls}
-      />
+      <>
+        <FullscreenCall
+          tiles={tiles}
+          speaker={effectiveSpeaker}
+          remoteScreenShares={remoteScreenShares}
+          conversationMembers={conversation.members}
+          activeSpeakers={activeSpeakers}
+          e2ee={isE2EEActive}
+          onExit={() => setCallMode('grid')}
+          onFocusTile={(id) => {
+            // Toggle: click the already-focused tile to return to grid.
+            setFocusedId(focusedId === id ? null : id);
+          }}
+          onTileContextMenu={openVolumeMenu}
+          controls={controls}
+        />
+        {volumeMenu && (
+          <ParticipantVolumeMenu
+            userId={volumeMenu.userId}
+            displayName={volumeMenu.displayName}
+            x={volumeMenu.x}
+            y={volumeMenu.y}
+            onClose={() => setVolumeMenu(null)}
+          />
+        )}
+      </>
     );
   }
 
@@ -219,6 +255,7 @@ export function InCallPanel({ conversation }: Props) {
           setFocusedId(id);
           if (callMode === 'grid') setCallMode('focus');
         }}
+        onTileContextMenu={openVolumeMenu}
         compact
       />
 
@@ -233,6 +270,16 @@ export function InCallPanel({ conversation }: Props) {
           await startScreenShare(opts);
         }}
       />
+
+      {volumeMenu && (
+        <ParticipantVolumeMenu
+          userId={volumeMenu.userId}
+          displayName={volumeMenu.displayName}
+          x={volumeMenu.x}
+          y={volumeMenu.y}
+          onClose={() => setVolumeMenu(null)}
+        />
+      )}
     </section>
   );
 }
@@ -447,6 +494,7 @@ interface StageProps {
   }[];
   conversationMembers: ConversationSummary['members'];
   onFocusTile: (id: string) => void;
+  onTileContextMenu?: (tile: Tile, e: React.MouseEvent) => void;
   compact?: boolean;
 }
 
@@ -462,6 +510,7 @@ function TileRender({
   size,
   focused,
   onClick,
+  onContextMenu,
 }: {
   tile: Tile;
   activeSpeakers: Set<string>;
@@ -471,6 +520,7 @@ function TileRender({
   size?: 'default' | 'small';
   focused?: boolean;
   onClick?: () => void;
+  onContextMenu?: (e: React.MouseEvent) => void;
 }): JSX.Element {
   if (tile.kind === 'screen') {
     if (tile.self) {
@@ -519,13 +569,13 @@ function TileRender({
       muted={tile.muted}
       deafened={tile.deafened}
       speaking={activeSpeakers.has(tile.userId)}
-      sharing={false}
       video={tile.video}
       videoTrack={tile.videoTrack}
       e2ee={e2ee}
       {...(size ? { size } : {})}
       {...(focused ? { focused } : {})}
       {...(onClick ? { onClick } : {})}
+      {...(onContextMenu ? { onContextMenu } : {})}
     />
   );
 }
@@ -539,6 +589,7 @@ function CallStage({
   remoteScreenShares,
   conversationMembers,
   onFocusTile,
+  onTileContextMenu,
   compact = false,
 }: StageProps) {
   if (mode === 'focus' && speaker) {
@@ -569,6 +620,9 @@ function CallStage({
                   conversationMembers={conversationMembers}
                   size="small"
                   onClick={() => onFocusTile(p.id)}
+                  {...(onTileContextMenu
+                    ? { onContextMenu: (e: React.MouseEvent) => onTileContextMenu(p, e) }
+                    : {})}
                 />
               </div>
             ))}
@@ -592,6 +646,9 @@ function CallStage({
               remoteScreenShares={remoteScreenShares}
               conversationMembers={conversationMembers}
               onClick={() => onFocusTile(p.id)}
+              {...(onTileContextMenu
+                ? { onContextMenu: (e: React.MouseEvent) => onTileContextMenu(p, e) }
+                : {})}
             />
           </div>
         ))}
@@ -627,6 +684,8 @@ function FocusedTile({
   );
 }
 
+const GRID_PAGE_SIZE = 12;
+
 function gridColsFor(n: number): string {
   // Explicit `grid-rows-*` so cells get a defined height (1fr of available
   // space). Without this, implicit rows default to auto → they size to
@@ -636,7 +695,22 @@ function gridColsFor(n: number): string {
   if (n === 2) return 'grid-cols-2 grid-rows-1';
   if (n === 3) return 'grid-cols-3 grid-rows-1';
   if (n === 4) return 'grid-cols-2 grid-rows-2';
-  return 'grid-cols-3 grid-rows-2';
+  if (n <= 6) return 'grid-cols-3 grid-rows-2';
+  if (n <= 9) return 'grid-cols-3 grid-rows-3';
+  return 'grid-cols-4 grid-rows-3';
+}
+
+// Promote self + active speakers to the front of the tile list. Stable
+// otherwise. Used by both pagination (so page 1 always carries the most
+// "useful" tiles) and active-speaker promotion in fullscreen.
+function prioritizeTiles(tiles: Tile[], activeSpeakers: Set<string>): Tile[] {
+  const score = (t: Tile): number => {
+    if (t.self) return 3;
+    if (activeSpeakers.has(t.userId)) return 2;
+    if (t.kind === 'screen') return 1;
+    return 0;
+  };
+  return [...tiles].sort((a, b) => score(b) - score(a));
 }
 
 // ---------------------------------------------------------------------------
@@ -652,6 +726,7 @@ interface FullscreenProps {
   e2ee: boolean;
   onExit: () => void;
   onFocusTile: (id: string) => void;
+  onTileContextMenu?: (tile: Tile, e: React.MouseEvent) => void;
   controls: React.ReactNode;
 }
 
@@ -664,9 +739,11 @@ function FullscreenCall({
   e2ee,
   onExit: _onExit,
   onFocusTile,
+  onTileContextMenu,
   controls,
 }: FullscreenProps) {
   const [hintGone, setHintGone] = useState(false);
+  const [page, setPage] = useState(0);
   useEffect(() => {
     const id = window.setTimeout(() => setHintGone(true), 3500);
     return () => window.clearTimeout(id);
@@ -674,7 +751,23 @@ function FullscreenCall({
 
   const hasFocus = speaker !== undefined;
   const others = hasFocus ? tiles.filter((p) => p.id !== speaker!.id) : [];
-  const gridClass = gridColsFor(tiles.length);
+
+  // Active-speaker reorder + paginate. When more than GRID_PAGE_SIZE tiles
+  // exist, slice them into pages. Reset to page 0 if the page count drops
+  // below the current page (someone left).
+  const sortedGridTiles = useMemo(
+    () => prioritizeTiles(tiles, activeSpeakers),
+    [tiles, activeSpeakers],
+  );
+  const pageCount = Math.max(1, Math.ceil(sortedGridTiles.length / GRID_PAGE_SIZE));
+  useEffect(() => {
+    if (page >= pageCount) setPage(0);
+  }, [pageCount, page]);
+  const visibleTiles = sortedGridTiles.slice(
+    page * GRID_PAGE_SIZE,
+    (page + 1) * GRID_PAGE_SIZE,
+  );
+  const gridClass = gridColsFor(visibleTiles.length);
 
   return (
     <div className="fixed inset-0 z-[60] flex flex-col overflow-hidden bg-surface">
@@ -695,6 +788,9 @@ function FullscreenCall({
                 remoteScreenShares={remoteScreenShares}
                 conversationMembers={conversationMembers}
                 focused
+                {...(onTileContextMenu
+                  ? { onContextMenu: (e: React.MouseEvent) => onTileContextMenu(speaker!, e) }
+                  : {})}
               />
             </div>
             {others.length > 0 && (
@@ -712,6 +808,9 @@ function FullscreenCall({
                       conversationMembers={conversationMembers}
                       size="small"
                       onClick={() => onFocusTile(p.id)}
+                      {...(onTileContextMenu
+                        ? { onContextMenu: (e: React.MouseEvent) => onTileContextMenu(p, e) }
+                        : {})}
                     />
                   </div>
                 ))}
@@ -721,7 +820,7 @@ function FullscreenCall({
         ) : (
           <div className="min-h-0 flex-1 p-4">
             <div className={'grid h-full gap-2 ' + gridClass}>
-              {tiles.map((p) => (
+              {visibleTiles.map((p) => (
                 <div key={p.id} className="min-h-0 min-w-0 [&>div]:h-full [&>div]:w-full">
                   <TileRender
                     tile={p}
@@ -730,10 +829,36 @@ function FullscreenCall({
                     remoteScreenShares={remoteScreenShares}
                     conversationMembers={conversationMembers}
                     onClick={() => onFocusTile(p.id)}
+                    {...(onTileContextMenu
+                      ? { onContextMenu: (e: React.MouseEvent) => onTileContextMenu(p, e) }
+                      : {})}
                   />
                 </div>
               ))}
             </div>
+            {pageCount > 1 && (
+              <div className="mt-2 flex items-center justify-center gap-3 text-xs text-fg-muted">
+                <button
+                  type="button"
+                  onClick={() => setPage((p) => (p === 0 ? pageCount - 1 : p - 1))}
+                  className="cursor-pointer rounded-md border border-line bg-surface-2 px-2 py-1 hover:bg-surface-3"
+                  aria-label="Vorherige Seite"
+                >
+                  ‹
+                </button>
+                <span className="tabular-nums">
+                  {page + 1} / {pageCount}
+                </span>
+                <button
+                  type="button"
+                  onClick={() => setPage((p) => (p + 1) % pageCount)}
+                  className="cursor-pointer rounded-md border border-line bg-surface-2 px-2 py-1 hover:bg-surface-3"
+                  aria-label="Nächste Seite"
+                >
+                  ›
+                </button>
+              </div>
+            )}
           </div>
         )}
       </div>
diff --git a/apps/desktop/src/components/MessageBubble.tsx b/apps/desktop/src/components/MessageBubble.tsx
index b4c2303..f17846c 100644
--- a/apps/desktop/src/components/MessageBubble.tsx
+++ b/apps/desktop/src/components/MessageBubble.tsx
@@ -13,6 +13,7 @@ import { useAuth } from '../context/AuthContext';
 import { devLocalSecretStore } from '../lib/secretStore';
 import { supabase } from '../lib/supabase';
 import type { AggregatedReaction } from '../lib/useMessageReactions';
+import { AttachmentAudio } from './AttachmentAudio';
 import { AttachmentImage } from './AttachmentImage';
 import { Avatar } from './Avatar';
 import { ForwardIcon, PencilIcon, PhoneIcon, PhoneOffIcon, ReplyIcon, SmileIcon, SpinnerIcon, TrashIcon, XIcon } from './icons';
@@ -40,6 +41,8 @@ interface Props {
   reactions: AggregatedReaction[];
   onToggleReaction: (emoji: string) => Promise<void>;
   showSeen?: boolean;
+  /** Delivery state for own messages: 'sent' / 'delivered' / 'read'. */
+  deliveryState?: 'sent' | 'delivered' | 'read';
   /** Resolved quoted message info (parent does the lookup). */
   quoted?: QuotedRef | null;
   /** Tap-to-jump on quote bubble. Receives the quoted message's id. */
@@ -63,6 +66,7 @@ export function MessageBubble({
   reactions,
   onToggleReaction,
   showSeen = false,
+  deliveryState,
   quoted = null,
   onJumpToMessage,
   onReply,
@@ -296,9 +300,13 @@ export function MessageBubble({
             ) : (
               <>
                 {bodyText.length > 0 && <div>{bodyText}</div>}
-                {attachments.map((a) => (
-                  <AttachmentImage key={a.id} handle={a} />
-                ))}
+                {attachments.map((a) =>
+                  a.mimeType.startsWith('audio/') ? (
+                    <AttachmentAudio key={a.id} handle={a} />
+                  ) : (
+                    <AttachmentImage key={a.id} handle={a} />
+                  ),
+                )}
               </>
             )}
             <div
@@ -315,21 +323,24 @@ export function MessageBubble({
           </div>
         )}
 
-        {showSeen && mine && !editing && !message.deletedAt && (
-          <p className="mt-0.5 text-right text-[10px] text-fg-muted">
-            {t('app:chats.seen')}
-          </p>
+        {mine && !editing && !message.deletedAt && deliveryState && (
+          <div className="mt-0.5 flex items-center justify-end gap-1 text-[10px] text-fg-muted">
+            <DeliveryTicks state={deliveryState} />
+            {showSeen && <span>{t('app:chats.seen')}</span>}
+          </div>
         )}
 
         {reactions.length > 0 && !editing && (
           <div className={'mt-1 flex flex-wrap gap-1 ' + (mine ? 'justify-end' : 'justify-start')}>
             {reactions.map((r) => (
               <button
-                key={r.emoji}
+                // Keying by emoji+count makes React remount the chip when the
+                // count flips, replaying the pop animation. Cheap visual cue.
+                key={r.emoji + ':' + r.count}
                 type="button"
                 onClick={() => void onToggleReaction(r.emoji)}
                 className={
-                  'inline-flex cursor-pointer items-center gap-1 rounded-full border px-2 py-0.5 text-xs transition focus:outline-none focus-visible:ring-2 focus-visible:ring-accent/40 ' +
+                  'inline-flex origin-bottom animate-reaction-pop cursor-pointer items-center gap-1 rounded-full border px-2 py-0.5 text-xs transition focus:outline-none focus-visible:ring-2 focus-visible:ring-accent/40 ' +
                   (r.mine
                     ? 'border-accent/40 bg-accent/20 text-accent'
                     : 'border-line bg-surface-2 text-fg hover:bg-surface-3')
@@ -499,6 +510,45 @@ function formatDuration(totalSec: number): string {
   return m + ':' + s.toString().padStart(2, '0');
 }
 
+function DeliveryTicks({ state }: { state: 'sent' | 'delivered' | 'read' }) {
+  // One checkmark for sent, two for delivered/read. Read shifts color to the
+  // accent to match WhatsApp/Telegram blue-tick convention.
+  const color =
+    state === 'read'
+      ? 'text-sky-500 dark:text-sky-400'
+      : 'text-fg-muted';
+  return (
+    <span
+      aria-label={
+        state === 'read'
+          ? 'Gelesen'
+          : state === 'delivered'
+            ? 'Zugestellt'
+            : 'Gesendet'
+      }
+      title={
+        state === 'read'
+          ? 'Gelesen'
+          : state === 'delivered'
+            ? 'Zugestellt'
+            : 'Gesendet'
+      }
+      className={'flex items-center ' + color}
+    >
+      <svg viewBox="0 0 16 12" width="14" height="10" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+        {state === 'sent' ? (
+          <polyline points="2 7 6 11 14 1" />
+        ) : (
+          <>
+            <polyline points="1 7 5 11 11 2" />
+            <polyline points="6 11 10 11 14 1" />
+          </>
+        )}
+      </svg>
+    </span>
+  );
+}
+
 function ActionButton({
   label,
   onClick,
diff --git a/apps/desktop/src/components/ParticipantVolumeMenu.tsx b/apps/desktop/src/components/ParticipantVolumeMenu.tsx
new file mode 100644
index 0000000..108b0a2
--- /dev/null
+++ b/apps/desktop/src/components/ParticipantVolumeMenu.tsx
@@ -0,0 +1,87 @@
+import { useEffect, useState } from 'react';
+import { createPortal } from 'react-dom';
+
+import {
+  getParticipantVolume,
+  setParticipantVolume,
+  subscribeParticipantVolumes,
+} from '../lib/participantVolumes';
+
+interface Props {
+  userId: string;
+  displayName: string;
+  x: number;
+  y: number;
+  onClose: () => void;
+}
+
+const MENU_W = 240;
+const MENU_H = 84;
+
+export function ParticipantVolumeMenu({
+  userId,
+  displayName,
+  x,
+  y,
+  onClose,
+}: Props) {
+  const [volume, setVolume] = useState<number>(() => getParticipantVolume(userId));
+
+  // Re-sync from store in case another menu instance changed the same user.
+  useEffect(() => subscribeParticipantVolumes(() => {
+    setVolume(getParticipantVolume(userId));
+  }), [userId]);
+
+  // Outside click + Esc to close.
+  useEffect(() => {
+    const onKey = (e: KeyboardEvent) => {
+      if (e.key === 'Escape') onClose();
+    };
+    const onDown = (e: MouseEvent) => {
+      const target = e.target as HTMLElement | null;
+      if (target?.closest('[data-volume-menu]')) return;
+      onClose();
+    };
+    window.addEventListener('keydown', onKey);
+    window.addEventListener('mousedown', onDown);
+    return () => {
+      window.removeEventListener('keydown', onKey);
+      window.removeEventListener('mousedown', onDown);
+    };
+  }, [onClose]);
+
+  const left = Math.min(Math.max(8, x), window.innerWidth - MENU_W - 8);
+  const top = Math.min(Math.max(8, y), window.innerHeight - MENU_H - 8);
+
+  return createPortal(
+    <div
+      data-volume-menu
+      role="dialog"
+      aria-label={'Lautstärke ' + displayName}
+      style={{ left, top, width: MENU_W }}
+      className="fixed z-[80] rounded-xl border border-line bg-surface-2/95 p-3 shadow-xl backdrop-blur-md"
+    >
+      <div className="mb-2 flex items-center justify-between gap-2 text-xs">
+        <span className="truncate font-semibold text-fg">{displayName}</span>
+        <span className="tabular-nums text-fg-muted">
+          {Math.round(volume * 100)}%
+        </span>
+      </div>
+      <input
+        type="range"
+        min={0}
+        max={1}
+        step={0.01}
+        value={volume}
+        onChange={(e) => {
+          const v = Number(e.target.value);
+          setVolume(v);
+          setParticipantVolume(userId, v);
+        }}
+        aria-label={'Lautstärke ' + displayName}
+        className="w-full accent-accent"
+      />
+    </div>,
+    document.body,
+  );
+}
diff --git a/apps/desktop/src/components/VoiceRecorder.tsx b/apps/desktop/src/components/VoiceRecorder.tsx
new file mode 100644
index 0000000..5d75d3e
--- /dev/null
+++ b/apps/desktop/src/components/VoiceRecorder.tsx
@@ -0,0 +1,252 @@
+import { useEffect, useRef, useState } from 'react';
+
+import { MicIcon, SpinnerIcon, XIcon } from './icons';
+
+interface Props {
+  /** Called with the recorded audio file when the user confirms. The button
+   *  ships as a single-attachment message, so the parent can feed it into
+   *  the normal send flow. */
+  onComplete: (file: File) => Promise<void> | void;
+  disabled?: boolean;
+}
+
+// Single-button voice recorder. Click to start; shows an inline pill with
+// elapsed time + stop + cancel while recording. On stop, hands a File to the
+// parent. No in-place preview yet — we lean on the optimistic message bubble
+// to appear once the parent sends.
+const MAX_RECORD_SEC = 60;
+
+export function VoiceRecorder({ onComplete, disabled = false }: Props) {
+  const [state, setState] = useState<'idle' | 'recording' | 'finalizing'>('idle');
+  const [elapsedSec, setElapsedSec] = useState(0);
+  const [level, setLevel] = useState(0);
+  const recorderRef = useRef<MediaRecorder | null>(null);
+  const chunksRef = useRef<Blob[]>([]);
+  const streamRef = useRef<MediaStream | null>(null);
+  const startedAtRef = useRef<number>(0);
+  const cancelledRef = useRef(false);
+  const audioCtxRef = useRef<AudioContext | null>(null);
+  const analyserRef = useRef<AnalyserNode | null>(null);
+  const rafRef = useRef<number>(0);
+
+  // Tick elapsed + auto-stop at MAX_RECORD_SEC.
+  useEffect(() => {
+    if (state !== 'recording') return;
+    const id = window.setInterval(() => {
+      const sec = Math.floor((Date.now() - startedAtRef.current) / 1000);
+      setElapsedSec(sec);
+      if (sec >= MAX_RECORD_SEC) {
+        const rec = recorderRef.current;
+        if (rec && rec.state !== 'inactive') rec.stop();
+      }
+    }, 200);
+    return () => {
+      window.clearInterval(id);
+    };
+  }, [state]);
+
+  // Live mic level meter via Web Audio AnalyserNode. RMS on 0..1, smoothed.
+  useEffect(() => {
+    if (state !== 'recording') return;
+    const analyser = analyserRef.current;
+    if (!analyser) return;
+    const buf = new Uint8Array(analyser.frequencyBinCount);
+    let cancelled = false;
+    const tick = () => {
+      if (cancelled) return;
+      analyser.getByteFrequencyData(buf as Uint8Array<ArrayBuffer>);
+      let sum = 0;
+      for (let i = 0; i < buf.length; i++) sum += buf[i]!;
+      setLevel(sum / (buf.length * 255));
+      rafRef.current = window.requestAnimationFrame(tick);
+    };
+    rafRef.current = window.requestAnimationFrame(tick);
+    return () => {
+      cancelled = true;
+      window.cancelAnimationFrame(rafRef.current);
+    };
+  }, [state]);
+
+  const stopStream = () => {
+    if (streamRef.current) {
+      streamRef.current.getTracks().forEach((t) => t.stop());
+      streamRef.current = null;
+    }
+    if (audioCtxRef.current) {
+      void audioCtxRef.current.close().catch(() => {});
+      audioCtxRef.current = null;
+    }
+    analyserRef.current = null;
+    setLevel(0);
+  };
+
+  const start = async () => {
+    if (disabled) return;
+    try {
+      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+      streamRef.current = stream;
+
+      try {
+        const ctx = new (window.AudioContext ||
+          (window as unknown as { webkitAudioContext: typeof AudioContext }).webkitAudioContext)();
+        const source = ctx.createMediaStreamSource(stream);
+        const analyser = ctx.createAnalyser();
+        analyser.fftSize = 256;
+        analyser.smoothingTimeConstant = 0.4;
+        source.connect(analyser);
+        audioCtxRef.current = ctx;
+        analyserRef.current = analyser;
+      } catch {
+        /* Analyser is best-effort; recording still works without level meter. */
+      }
+
+      const mime = pickMime();
+      const rec = new MediaRecorder(stream, mime ? { mimeType: mime } : undefined);
+      recorderRef.current = rec;
+      chunksRef.current = [];
+      cancelledRef.current = false;
+
+      rec.ondataavailable = (ev: BlobEvent) => {
+        if (ev.data && ev.data.size > 0) chunksRef.current.push(ev.data);
+      };
+      rec.onstop = () => {
+        const blob = new Blob(chunksRef.current, { type: rec.mimeType || 'audio/webm' });
+        chunksRef.current = [];
+        stopStream();
+        if (cancelledRef.current || blob.size === 0) {
+          setState('idle');
+          setElapsedSec(0);
+          return;
+        }
+        setState('finalizing');
+        const ext = extFor(blob.type);
+        const filename = 'voice-' + new Date().toISOString().replace(/[:.]/g, '-') + '.' + ext;
+        const file = new File([blob], filename, { type: blob.type });
+        void Promise.resolve(onComplete(file)).finally(() => {
+          setState('idle');
+          setElapsedSec(0);
+        });
+      };
+
+      rec.start();
+      startedAtRef.current = Date.now();
+      setElapsedSec(0);
+      setState('recording');
+    } catch (err: unknown) {
+      stopStream();
+      // Surface device-permission denials or capture failures via console;
+      // the composer doesn't have space for inline errors here and the
+      // browser already shows a system-level permission prompt.
+      console.error('VoiceRecorder.start failed', err);
+    }
+  };
+
+  const confirm = () => {
+    const rec = recorderRef.current;
+    if (!rec) return;
+    if (rec.state !== 'inactive') rec.stop();
+  };
+
+  const cancel = () => {
+    cancelledRef.current = true;
+    const rec = recorderRef.current;
+    if (rec && rec.state !== 'inactive') rec.stop();
+    else {
+      stopStream();
+      setState('idle');
+      setElapsedSec(0);
+    }
+  };
+
+  if (state === 'idle') {
+    return (
+      <button
+        type="button"
+        onClick={() => void start()}
+        disabled={disabled}
+        aria-label="Sprachnachricht aufnehmen"
+        title="Sprachnachricht aufnehmen"
+        className="inline-flex h-11 w-11 shrink-0 cursor-pointer items-center justify-center rounded-lg bg-surface-2 text-fg transition hover:bg-surface-3 focus:outline-none focus-visible:ring-2 focus-visible:ring-accent/50 disabled:cursor-not-allowed disabled:opacity-60"
+      >
+        <MicIcon className="h-4 w-4" />
+      </button>
+    );
+  }
+
+  if (state === 'finalizing') {
+    return (
+      <div className="inline-flex h-11 items-center gap-2 rounded-lg bg-surface-2 px-3 text-xs text-fg-muted">
+        <SpinnerIcon className="h-4 w-4" />
+        <span>Wird gesendet…</span>
+      </div>
+    );
+  }
+
+  // Visual level: scale from 0..1 → 0..100% width. Floor at 4% so the bar
+  // stays visible when silent.
+  const levelPct = Math.max(4, Math.min(100, Math.round(level * 180)));
+  const remaining = Math.max(0, MAX_RECORD_SEC - elapsedSec);
+
+  return (
+    <div className="inline-flex h-11 items-center gap-2 rounded-lg border border-rose-500/40 bg-rose-500/10 px-3 text-xs font-semibold text-rose-700 dark:text-rose-200">
+      <span className="h-2 w-2 animate-pulse rounded-full bg-rose-500" />
+      <span className="tabular-nums">{formatTime(elapsedSec)}</span>
+      <div
+        aria-hidden="true"
+        className="relative h-1.5 w-20 overflow-hidden rounded-full bg-rose-500/20"
+      >
+        <span
+          className="absolute inset-y-0 left-0 rounded-full bg-rose-500 transition-[width] duration-75"
+          style={{ width: levelPct + '%' }}
+        />
+      </div>
+      <span className="tabular-nums text-[10px] text-rose-700/70 dark:text-rose-200/70">
+        −{remaining}s
+      </span>
+      <button
+        type="button"
+        onClick={cancel}
+        aria-label="Aufnahme abbrechen"
+        title="Abbrechen"
+        className="flex h-7 w-7 cursor-pointer items-center justify-center rounded-md text-fg-muted hover:bg-surface-3 hover:text-fg"
+      >
+        <XIcon className="h-3.5 w-3.5" />
+      </button>
+      <button
+        type="button"
+        onClick={confirm}
+        aria-label="Aufnahme senden"
+        title="Senden"
+        className="flex h-7 w-7 cursor-pointer items-center justify-center rounded-md bg-accent text-accent-fg transition hover:brightness-110"
+      >
+        <MicIcon className="h-3.5 w-3.5" />
+      </button>
+    </div>
+  );
+}
+
+function pickMime(): string | null {
+  const candidates = [
+    'audio/webm;codecs=opus',
+    'audio/webm',
+    'audio/ogg;codecs=opus',
+    'audio/mp4',
+  ];
+  for (const c of candidates) {
+    if (typeof MediaRecorder !== 'undefined' && MediaRecorder.isTypeSupported(c)) return c;
+  }
+  return null;
+}
+
+function extFor(mime: string): string {
+  if (mime.includes('webm')) return 'webm';
+  if (mime.includes('ogg')) return 'ogg';
+  if (mime.includes('mp4')) return 'm4a';
+  return 'bin';
+}
+
+function formatTime(sec: number): string {
+  const m = Math.floor(sec / 60);
+  const s = sec % 60;
+  return m + ':' + s.toString().padStart(2, '0');
+}
diff --git a/apps/desktop/src/context/AuthContext.tsx b/apps/desktop/src/context/AuthContext.tsx
index bfd1ece..12a8e2b 100644
--- a/apps/desktop/src/context/AuthContext.tsx
+++ b/apps/desktop/src/context/AuthContext.tsx
@@ -20,6 +20,7 @@ import { useTranslation } from 'react-i18next';
 import { findExistingDevice } from '../lib/device';
 import { setSecretStoreUser } from '../lib/secretStore';
 import { supabase } from '../lib/supabase';
+import { registerWebPush } from '../lib/webPush';
 
 interface AuthContextValue {
   session: Session | null;
@@ -135,6 +136,13 @@ export function AuthProvider({ children }: { children: ReactNode }) {
     });
   }, [session, refreshProfile, refreshDevice]);
 
+  // Best-effort web-push registration once we know the device id. No-op on
+  // Tauri (uses native notifications) or when VITE_VAPID_PUBLIC_KEY is unset.
+  useEffect(() => {
+    if (!device?.id) return;
+    void registerWebPush(device.id);
+  }, [device?.id]);
+
   const signOut = useCallback(async () => {
     await supabaseSignOut(supabase);
   }, []);
diff --git a/apps/desktop/src/context/CallContext.tsx b/apps/desktop/src/context/CallContext.tsx
index 3744738..52dbb86 100644
--- a/apps/desktop/src/context/CallContext.tsx
+++ b/apps/desktop/src/context/CallContext.tsx
@@ -47,6 +47,7 @@ import {
   getCallE2EESettings,
   isE2EESupported,
 } from '../lib/callE2EE';
+import { getParticipantVolume } from '../lib/participantVolumes';
 import {
   type DisplaySurfaceHint,
   getPresetParams,
@@ -1310,7 +1311,7 @@ async function broadcastPresence(room: Room, deafened: boolean): Promise<void> {
 function attachTrack(
   track: RemoteTrack,
   _publication: RemoteTrackPublication,
-  _participant: RemoteParticipant,
+  participant: RemoteParticipant,
 ): void {
   if (track.kind === Track.Kind.Audio) {
     const audio = track.attach();
@@ -1318,6 +1319,10 @@ function attachTrack(
       audio.autoplay = true;
       audio.setAttribute('playsinline', 'true');
       audio.setAttribute('data-livekit-track', track.sid ?? '');
+      if (participant.identity) {
+        audio.setAttribute('data-participant', participant.identity);
+        audio.volume = getParticipantVolume(participant.identity);
+      }
       if (deafenedActive) audio.muted = true;
       document.body.appendChild(audio);
       // Apply persisted sinkId so the element routes to the user's chosen
diff --git a/apps/desktop/src/context/ConversationsContext.tsx b/apps/desktop/src/context/ConversationsContext.tsx
index 76fc405..bc8c5af 100644
--- a/apps/desktop/src/context/ConversationsContext.tsx
+++ b/apps/desktop/src/context/ConversationsContext.tsx
@@ -99,7 +99,9 @@ export function ConversationsProvider({ children }: { children: ReactNode }) {
       return;
     }
     try {
-      setLoading(true);
+      // Only flag loading on initial fetch so background re-syncs (visibility
+      // change, online event) don't blank the list each time.
+      setLoading((prev) => (conversationsRef.current.length === 0 ? true : prev));
       const convs = await listConversations(supabase);
       setConversations(convs);
       const entries = await Promise.all(
@@ -218,8 +220,13 @@ export function ConversationsProvider({ children }: { children: ReactNode }) {
     // refresh + realtime reconnect on visibility/focus regain so we never
     // leave stale conversation lists on a Windows client after the user
     // returns to the app.
+    let lastAwakeRefresh = 0;
+    const AWAKE_THROTTLE_MS = 30_000;
     const onAwake = () => {
       if (document.visibilityState !== 'visible') return;
+      const now = Date.now();
+      if (now - lastAwakeRefresh < AWAKE_THROTTLE_MS) return;
+      lastAwakeRefresh = now;
       void refresh();
       try {
         // If the socket got wedged during background throttle, a no-op
@@ -231,12 +238,10 @@ export function ConversationsProvider({ children }: { children: ReactNode }) {
       }
     };
     document.addEventListener('visibilitychange', onAwake);
-    window.addEventListener('focus', onAwake);
     window.addEventListener('online', onAwake);
 
     return () => {
       document.removeEventListener('visibilitychange', onAwake);
-      window.removeEventListener('focus', onAwake);
       window.removeEventListener('online', onAwake);
       void supabase.removeChannel(channel);
     };
diff --git a/apps/desktop/src/lib/deviceBackup.ts b/apps/desktop/src/lib/deviceBackup.ts
index ef038fe..b0f159a 100644
--- a/apps/desktop/src/lib/deviceBackup.ts
+++ b/apps/desktop/src/lib/deviceBackup.ts
@@ -140,3 +140,59 @@ export async function importDeviceBackup(
 export function decodePrivateKeyFromBackup(payload: DeviceBackupPayload): Uint8Array {
   return unb64url(payload.privateKeyB64);
 }
+
+// ---------------------------------------------------------------------------
+// Recovery code
+// ---------------------------------------------------------------------------
+//
+// Generates a high-entropy code shown to the user once at backup time. The
+// same payload is encrypted twice — once with the user's passphrase, once
+// with the recovery code — so either string can decrypt the device key.
+//
+// The recovery code is 24 chars from a 32-symbol alphabet (no ambiguous
+// characters), grouped as 4×6. ~120 bits of entropy.
+
+const RECOVERY_ALPHABET = 'ABCDEFGHJKLMNPQRSTUVWXYZ23456789';
+
+export interface BackupBundle {
+  passphraseBackup: string;
+  recoveryBackup: string;
+  recoveryCode: string;
+}
+
+export async function exportDeviceBackupWithRecovery(params: {
+  userId: string;
+  deviceId: string;
+  privateKey: Uint8Array;
+  passphrase: string;
+}): Promise<BackupBundle> {
+  const recoveryCode = await generateRecoveryCode();
+  const [passphraseBackup, recoveryBackup] = await Promise.all([
+    exportDeviceBackup(params),
+    exportDeviceBackup({ ...params, passphrase: recoveryCode }),
+  ]);
+  return { passphraseBackup, recoveryBackup, recoveryCode };
+}
+
+async function generateRecoveryCode(): Promise<string> {
+  const s = await ensureSodium();
+  const raw = s.randombytes_buf(24);
+  let out = '';
+  for (let i = 0; i < raw.length; i++) {
+    out += RECOVERY_ALPHABET[raw[i]! % RECOVERY_ALPHABET.length];
+    if ((i + 1) % 6 === 0 && i !== raw.length - 1) out += '-';
+  }
+  return out;
+}
+
+// Normalizes a user-typed recovery code: strips dashes/spaces, uppercases,
+// maps look-alike characters. Lets users enter the code with imperfect
+// spacing without rejecting valid input.
+export function normalizeRecoveryCode(input: string): string {
+  return input
+    .toUpperCase()
+    .replace(/[\s-]/g, '')
+    .split('')
+    .filter((c) => RECOVERY_ALPHABET.includes(c))
+    .join('');
+}
diff --git a/apps/desktop/src/lib/messageOutbox.ts b/apps/desktop/src/lib/messageOutbox.ts
new file mode 100644
index 0000000..5fd33ee
--- /dev/null
+++ b/apps/desktop/src/lib/messageOutbox.ts
@@ -0,0 +1,164 @@
+// Offline text-message outbox.
+//
+// When `sendEncryptedMessage` fails (network loss, server 5xx, transient
+// realtime hiccups) we stash the plaintext in localStorage keyed by
+// conversation. The UI shows it inline with a "sending…" indicator; the
+// drain loop retries with exponential backoff until it lands.
+//
+// Attachments are intentionally NOT queued — they're too large to persist
+// and require server-side upload that can't be deferred reliably. The
+// composer surfaces an immediate error for those.
+
+const STORAGE_KEY = 'chat.outbox.v1';
+const MAX_ATTEMPTS = 8;
+
+export interface OutboxItem {
+  /** Local-only id (never collides with server UUIDs). */
+  id: string;
+  conversationId: string;
+  text: string;
+  replyToId: string | null;
+  createdAt: string;
+  attempts: number;
+  /** Timestamp of the next permitted send attempt. */
+  nextAttemptAt: string;
+  /** Last error message for surface in the UI. */
+  lastError: string | null;
+}
+
+type Store = Record<string, OutboxItem[]>; // keyed by conversationId
+type Listener = (byConv: Store) => void;
+
+function load(): Store {
+  try {
+    const raw = localStorage.getItem(STORAGE_KEY);
+    if (!raw) return {};
+    const parsed: unknown = JSON.parse(raw);
+    if (!parsed || typeof parsed !== 'object') return {};
+    const out: Store = {};
+    for (const [k, v] of Object.entries(parsed as Record<string, unknown>)) {
+      if (Array.isArray(v)) {
+        out[k] = v.filter((x): x is OutboxItem => isItem(x));
+      }
+    }
+    return out;
+  } catch {
+    return {};
+  }
+}
+
+function isItem(x: unknown): x is OutboxItem {
+  if (!x || typeof x !== 'object') return false;
+  const o = x as Record<string, unknown>;
+  return (
+    typeof o.id === 'string' &&
+    typeof o.conversationId === 'string' &&
+    typeof o.text === 'string' &&
+    typeof o.createdAt === 'string'
+  );
+}
+
+let store: Store = load();
+const listeners = new Set<Listener>();
+
+function persist(): void {
+  try {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(store));
+  } catch {
+    /* quota exceeded — ignore; in-memory queue still retries */
+  }
+}
+
+function notify(): void {
+  for (const fn of listeners) fn(store);
+}
+
+export function subscribeOutbox(fn: Listener): () => void {
+  listeners.add(fn);
+  fn(store);
+  return () => {
+    listeners.delete(fn);
+  };
+}
+
+export function getOutbox(conversationId: string): OutboxItem[] {
+  return store[conversationId] ?? [];
+}
+
+export function enqueueOutbox(args: {
+  conversationId: string;
+  text: string;
+  replyToId: string | null;
+  error: string | null;
+}): OutboxItem {
+  const item: OutboxItem = {
+    id: 'local-' + crypto.randomUUID(),
+    conversationId: args.conversationId,
+    text: args.text,
+    replyToId: args.replyToId,
+    createdAt: new Date().toISOString(),
+    attempts: 0,
+    nextAttemptAt: new Date().toISOString(),
+    lastError: args.error,
+  };
+  const bucket = store[args.conversationId] ?? [];
+  store = { ...store, [args.conversationId]: [...bucket, item] };
+  persist();
+  notify();
+  return item;
+}
+
+export function removeOutbox(conversationId: string, id: string): void {
+  const bucket = store[conversationId];
+  if (!bucket) return;
+  const next = bucket.filter((x) => x.id !== id);
+  if (next.length === bucket.length) return;
+  if (next.length === 0) {
+    const copy = { ...store };
+    delete copy[conversationId];
+    store = copy;
+  } else {
+    store = { ...store, [conversationId]: next };
+  }
+  persist();
+  notify();
+}
+
+export function markAttempt(
+  conversationId: string,
+  id: string,
+  error: string | null,
+): OutboxItem | null {
+  const bucket = store[conversationId];
+  if (!bucket) return null;
+  const idx = bucket.findIndex((x) => x.id === id);
+  if (idx < 0) return null;
+  const prev = bucket[idx]!;
+  const attempts = prev.attempts + 1;
+  // Exponential backoff: 2^n seconds, capped at 60s.
+  const delaySec = Math.min(60, Math.pow(2, attempts));
+  const next: OutboxItem = {
+    ...prev,
+    attempts,
+    lastError: error,
+    nextAttemptAt: new Date(Date.now() + delaySec * 1000).toISOString(),
+  };
+  const nextBucket = [...bucket];
+  nextBucket[idx] = next;
+  store = { ...store, [conversationId]: nextBucket };
+  persist();
+  notify();
+  return next;
+}
+
+export function shouldGiveUp(item: OutboxItem): boolean {
+  return item.attempts >= MAX_ATTEMPTS;
+}
+
+export function isDue(item: OutboxItem): boolean {
+  return new Date(item.nextAttemptAt).getTime() <= Date.now();
+}
+
+export function allConversationsWithItems(): string[] {
+  return Object.keys(store);
+}
diff --git a/apps/desktop/src/lib/participantVolumes.ts b/apps/desktop/src/lib/participantVolumes.ts
new file mode 100644
index 0000000..a4f20a7
--- /dev/null
+++ b/apps/desktop/src/lib/participantVolumes.ts
@@ -0,0 +1,91 @@
+// Per-participant output volume overrides. Values are 0..1 (HTMLMediaElement
+// scale). Persisted so the user's mixing choices survive reconnects.
+//
+// The store is intentionally tiny — a flat Record keyed by LiveKit identity
+// (our `userId`). `attachTrack` reads from here when a remote audio track
+// first lands; live changes are pushed to any already-attached audio
+// elements via the `data-participant` attribute selector.
+
+const STORAGE_KEY = 'call.participantVolumes.v1';
+const DEFAULT_VOLUME = 1;
+
+type VolumeMap = Record<string, number>;
+type Listener = (map: VolumeMap) => void;
+
+function load(): VolumeMap {
+  try {
+    const raw = localStorage.getItem(STORAGE_KEY);
+    if (!raw) return {};
+    const parsed: unknown = JSON.parse(raw);
+    if (!parsed || typeof parsed !== 'object') return {};
+    const out: VolumeMap = {};
+    for (const [k, v] of Object.entries(parsed as Record<string, unknown>)) {
+      if (typeof v === 'number' && Number.isFinite(v)) {
+        out[k] = clamp(v);
+      }
+    }
+    return out;
+  } catch {
+    return {};
+  }
+}
+
+function clamp(v: number): number {
+  if (v < 0) return 0;
+  if (v > 1) return 1;
+  return v;
+}
+
+let current: VolumeMap = load();
+const listeners = new Set<Listener>();
+
+function persist(): void {
+  try {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(current));
+  } catch {
+    /* ignore quota */
+  }
+}
+
+function notify(): void {
+  for (const fn of listeners) fn(current);
+}
+
+export function getParticipantVolume(userId: string): number {
+  return current[userId] ?? DEFAULT_VOLUME;
+}
+
+export function setParticipantVolume(userId: string, volume: number): void {
+  const next = clamp(volume);
+  if (next === (current[userId] ?? DEFAULT_VOLUME)) return;
+  current = { ...current, [userId]: next };
+  persist();
+  applyToAttachedElements(userId, next);
+  notify();
+}
+
+export function subscribeParticipantVolumes(fn: Listener): () => void {
+  listeners.add(fn);
+  return () => {
+    listeners.delete(fn);
+  };
+}
+
+// Apply a volume to any audio elements already attached for this user.
+// Attached elements are tagged with `data-participant` in attachTrack.
+function applyToAttachedElements(userId: string, volume: number): void {
+  const nodes = document.querySelectorAll<HTMLAudioElement>(
+    'audio[data-participant="' + cssEscape(userId) + '"]',
+  );
+  nodes.forEach((el) => {
+    el.volume = volume;
+  });
+}
+
+function cssEscape(v: string): string {
+  if (typeof (globalThis as { CSS?: { escape?: (s: string) => string } }).CSS
+    ?.escape === 'function') {
+    return (globalThis as { CSS: { escape: (s: string) => string } }).CSS.escape(v);
+  }
+  return v.replace(/"/g, '\\"');
+}
diff --git a/apps/desktop/src/lib/useConversationMessages.ts b/apps/desktop/src/lib/useConversationMessages.ts
index 2b81c8f..f00d039 100644
--- a/apps/desktop/src/lib/useConversationMessages.ts
+++ b/apps/desktop/src/lib/useConversationMessages.ts
@@ -13,6 +13,16 @@ import {
 import { bytesToPgHex, pgBytesToBytes } from '@chat-app/shared/supabase';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
+import {
+  enqueueOutbox,
+  getOutbox,
+  isDue,
+  markAttempt,
+  type OutboxItem,
+  removeOutbox,
+  shouldGiveUp,
+  subscribeOutbox,
+} from './messageOutbox';
 import { devLocalSecretStore } from './secretStore';
 import { supabase } from './supabase';
 
@@ -53,10 +63,26 @@ function rowToMessage(row: Record<string, unknown>): MessageWithCipher {
 export function useConversationMessages({ conversationId, userId, deviceId }: Args): State & {
   send: (text: string, images?: File[], replyToId?: string | null) => Promise<void>;
   refresh: () => Promise<void>;
+  pending: OutboxItem[];
+  retryPending: (id: string) => void;
+  cancelPending: (id: string) => void;
 } {
   const [state, setState] = useState<State>({ messages: [], loading: true, error: null });
+  const [pending, setPending] = useState<OutboxItem[]>(() =>
+    conversationId ? getOutbox(conversationId) : [],
+  );
   const privateKeyRef = useRef<Uint8Array | null>(null);
 
+  useEffect(() => {
+    if (!conversationId) {
+      setPending([]);
+      return;
+    }
+    return subscribeOutbox((byConv) => {
+      setPending(byConv[conversationId] ?? []);
+    });
+  }, [conversationId]);
+
   // Load own private key once per (user, device).
   useEffect(() => {
     privateKeyRef.current = null;
@@ -85,7 +111,12 @@ export function useConversationMessages({ conversationId, userId, deviceId }: Ar
   const refresh = useCallback(async () => {
     if (!conversationId) return;
     try {
-      setState((prev) => ({ ...prev, loading: true }));
+      // Only show the loading spinner on the *initial* fetch — subsequent
+      // refreshes (focus/visibility) replace messages in-place to avoid
+      // flickering an empty state on every wake.
+      setState((prev) =>
+        prev.messages.length === 0 ? { ...prev, loading: true } : prev,
+      );
       const rows = await fetchConversationMessages(supabase, conversationId);
       const decrypted = await decryptBatch(rows);
       setState({ messages: decrypted, loading: false, error: null });
@@ -311,9 +342,16 @@ export function useConversationMessages({ conversationId, userId, deviceId }: Ar
 
     // Refresh + reconnect on wake from background throttle (mostly Windows
     // WebView2). Without this, messages inserted while the window is
-    // minimised never arrive until the user explicitly reloads.
+    // minimised never arrive until the user explicitly reloads. Throttled to
+    // at most once per AWAKE_THROTTLE_MS so the inevitable cluster of
+    // visibility/online events on focus does not cause a flicker storm.
+    let lastAwakeRefresh = 0;
+    const AWAKE_THROTTLE_MS = 30_000;
     const onAwake = () => {
       if (document.visibilityState !== 'visible') return;
+      const now = Date.now();
+      if (now - lastAwakeRefresh < AWAKE_THROTTLE_MS) return;
+      lastAwakeRefresh = now;
       void refresh();
       try {
         channel.subscribe();
@@ -322,17 +360,40 @@ export function useConversationMessages({ conversationId, userId, deviceId }: Ar
       }
     };
     document.addEventListener('visibilitychange', onAwake);
-    window.addEventListener('focus', onAwake);
     window.addEventListener('online', onAwake);
 
     return () => {
       document.removeEventListener('visibilitychange', onAwake);
-      window.removeEventListener('focus', onAwake);
       window.removeEventListener('online', onAwake);
       void supabase.removeChannel(channel);
     };
   }, [conversationId, userId, deviceId, refresh, handleInsert, handleUpdate, handleDelete]);
 
+  const sendText = useCallback(
+    async (convId: string, uid: string, did: string, priv: Uint8Array, text: string, replyToId: string | null): Promise<void> => {
+      const msg = await sendEncryptedMessage({
+        client: supabase,
+        conversationId: convId,
+        plaintext: text,
+        senderUserId: uid,
+        senderDeviceId: did,
+        senderPrivateKey: priv,
+        ...(replyToId ? { replyToId } : {}),
+      });
+      setState((prev) => {
+        if (prev.messages.some((m) => m.id === msg.id)) return prev;
+        return {
+          ...prev,
+          messages: [
+            ...prev.messages,
+            { ...msg, plaintext: text } as DecryptedMessage,
+          ],
+        };
+      });
+    },
+    [],
+  );
+
   const send = useCallback(
     async (text: string, images: File[] = [], replyToId: string | null = null) => {
       const trimmed = text.trim();
@@ -340,6 +401,25 @@ export function useConversationMessages({ conversationId, userId, deviceId }: Ar
       const priv = privateKeyRef.current;
       if (!priv) throw new Error('private key not loaded');
 
+      // Text-only path is retryable — if the network is down or the server
+      // rejects transiently, stash in the outbox and keep the UI optimistic.
+      // Attachments can't be deferred (large payloads, uploaded separately),
+      // so those still surface the error immediately.
+      if (images.length === 0) {
+        try {
+          await sendText(conversationId, userId, deviceId, priv, trimmed, replyToId);
+        } catch (err: unknown) {
+          const msg = err instanceof Error ? err.message : 'send failed';
+          enqueueOutbox({
+            conversationId,
+            text: trimmed,
+            replyToId,
+            error: msg,
+          });
+        }
+        return;
+      }
+
       // 1. Upload + encrypt each image. Collect handles + raw blob nonces
       //    (so the public attachment row can reference the blob-level nonce).
       const handles: AttachmentHandle[] = [];
@@ -401,10 +481,104 @@ export function useConversationMessages({ conversationId, userId, deviceId }: Ar
         await insertAttachmentRow(supabase, msg.id, h, blobNonce);
       }
     },
-    [conversationId, userId, deviceId],
+    [conversationId, userId, deviceId, sendText],
   );
 
-  return useMemo(() => ({ ...state, send, refresh }), [state, send, refresh]);
+  // Drain outbox: retry due items, remove on success, record attempt on fail.
+  // Runs on online event, window focus, and a 10s interval.
+  useEffect(() => {
+    if (!conversationId || !userId || !deviceId) return;
+
+    let draining = false;
+    const drain = async (): Promise<void> => {
+      if (draining) return;
+      const priv = privateKeyRef.current;
+      if (!priv) return;
+      if (typeof navigator !== 'undefined' && navigator.onLine === false) return;
+      draining = true;
+      try {
+        const items = getOutbox(conversationId).filter(isDue);
+        for (const item of items) {
+          if (shouldGiveUp(item)) continue;
+          try {
+            await sendText(
+              conversationId,
+              userId,
+              deviceId,
+              priv,
+              item.text,
+              item.replyToId,
+            );
+            removeOutbox(conversationId, item.id);
+          } catch (err: unknown) {
+            markAttempt(
+              conversationId,
+              item.id,
+              err instanceof Error ? err.message : 'send failed',
+            );
+          }
+        }
+      } finally {
+        draining = false;
+      }
+    };
+
+    const interval = window.setInterval(() => {
+      void drain();
+    }, 10_000);
+    const onOnline = () => void drain();
+    window.addEventListener('online', onOnline);
+    window.addEventListener('focus', onOnline);
+    // Kick once immediately on mount for stale queued items.
+    void drain();
+
+    return () => {
+      window.clearInterval(interval);
+      window.removeEventListener('online', onOnline);
+      window.removeEventListener('focus', onOnline);
+    };
+  }, [conversationId, userId, deviceId, sendText]);
+
+  const retryPending = useCallback(
+    (id: string) => {
+      if (!conversationId) return;
+      // Force due now; the drain loop will pick it up on next tick.
+      markAttempt(conversationId, id, null);
+      // Manual kick: mutate nextAttemptAt by re-enqueuing? Simpler — just
+      // trigger a drain-ish by queueing a microtask. The interval picks up
+      // due items within 10s, but for UX we also eagerly try here.
+      const priv = privateKeyRef.current;
+      if (!priv || !userId || !deviceId) return;
+      const item = getOutbox(conversationId).find((x) => x.id === id);
+      if (!item) return;
+      void (async () => {
+        try {
+          await sendText(conversationId, userId, deviceId, priv, item.text, item.replyToId);
+          removeOutbox(conversationId, id);
+        } catch (err: unknown) {
+          markAttempt(
+            conversationId,
+            id,
+            err instanceof Error ? err.message : 'send failed',
+          );
+        }
+      })();
+    },
+    [conversationId, userId, deviceId, sendText],
+  );
+
+  const cancelPending = useCallback(
+    (id: string) => {
+      if (!conversationId) return;
+      removeOutbox(conversationId, id);
+    },
+    [conversationId],
+  );
+
+  return useMemo(
+    () => ({ ...state, send, refresh, pending, retryPending, cancelPending }),
+    [state, send, refresh, pending, retryPending, cancelPending],
+  );
 }
 
 // Best-effort image dimension probe. Falls back silently on non-images.
diff --git a/apps/desktop/src/lib/useFriendships.ts b/apps/desktop/src/lib/useFriendships.ts
index b8b18cf..54429df 100644
--- a/apps/desktop/src/lib/useFriendships.ts
+++ b/apps/desktop/src/lib/useFriendships.ts
@@ -45,8 +45,15 @@ export function useFriendships(userId: string | undefined): FriendshipsState & {
       .subscribe();
 
     // Windows WebView2 throttles background sockets — refresh on wake.
+    // Throttled + visibility-only so a normal click into the window does not
+    // re-fetch on every focus.
+    let lastAwakeRefresh = 0;
+    const AWAKE_THROTTLE_MS = 30_000;
     const onAwake = () => {
       if (document.visibilityState !== 'visible') return;
+      const now = Date.now();
+      if (now - lastAwakeRefresh < AWAKE_THROTTLE_MS) return;
+      lastAwakeRefresh = now;
       void refresh();
       try {
         channel.subscribe();
@@ -55,12 +62,10 @@ export function useFriendships(userId: string | undefined): FriendshipsState & {
       }
     };
     document.addEventListener('visibilitychange', onAwake);
-    window.addEventListener('focus', onAwake);
     window.addEventListener('online', onAwake);
 
     return () => {
       document.removeEventListener('visibilitychange', onAwake);
-      window.removeEventListener('focus', onAwake);
       window.removeEventListener('online', onAwake);
       void supabase.removeChannel(channel);
     };
diff --git a/apps/desktop/src/lib/useGroupReceipts.ts b/apps/desktop/src/lib/useGroupReceipts.ts
new file mode 100644
index 0000000..02e9b36
--- /dev/null
+++ b/apps/desktop/src/lib/useGroupReceipts.ts
@@ -0,0 +1,87 @@
+import {
+  listGroupDeliveriesForMessages,
+  listGroupReadsForMessages,
+} from '@chat-app/shared/chat';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+
+import { supabase } from './supabase';
+
+export interface GroupReceiptState {
+  // message_id → set of user ids who have delivered/read.
+  deliveredByMessage: Map<string, Set<string>>;
+  readByMessage: Map<string, Set<string>>;
+  refresh: () => Promise<void>;
+}
+
+// Aggregated delivery + read receipts for group conversations. Returns the
+// set of user ids per message; consumers join with conversation members to
+// figure out who has not yet acknowledged.
+export function useGroupReceipts(
+  messageIds: string[],
+  selfUserId: string | undefined,
+  active: boolean,
+): GroupReceiptState {
+  const idsKey = useMemo(() => messageIds.join(','), [messageIds]);
+  const [deliveredByMessage, setDelivered] = useState<Map<string, Set<string>>>(new Map());
+  const [readByMessage, setRead] = useState<Map<string, Set<string>>>(new Map());
+
+  const refresh = useCallback(async () => {
+    if (!active || !selfUserId || messageIds.length === 0) {
+      setDelivered(new Map());
+      setRead(new Map());
+      return;
+    }
+    try {
+      const [delivered, read] = await Promise.all([
+        listGroupDeliveriesForMessages(supabase, messageIds, selfUserId),
+        listGroupReadsForMessages(supabase, messageIds, selfUserId),
+      ]);
+      setDelivered(toIdSets(delivered));
+      setRead(toIdSets(read));
+    } catch (err: unknown) {
+      console.warn('useGroupReceipts refresh failed', err);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [active, selfUserId, idsKey]);
+
+  useEffect(() => {
+    void refresh();
+    if (!active || !selfUserId) return;
+
+    // Listen on both tables. RLS already enforces visibility.
+    const reads = supabase
+      .channel('group-reads:' + selfUserId)
+      .on(
+        'postgres_changes',
+        { event: 'INSERT', schema: 'public', table: 'message_reads' },
+        () => {
+          void refresh();
+        },
+      )
+      .subscribe();
+    const deliveries = supabase
+      .channel('group-deliv:' + selfUserId)
+      .on(
+        'postgres_changes',
+        { event: 'INSERT', schema: 'public', table: 'message_deliveries' },
+        () => {
+          void refresh();
+        },
+      )
+      .subscribe();
+    return () => {
+      void supabase.removeChannel(reads);
+      void supabase.removeChannel(deliveries);
+    };
+  }, [active, selfUserId, refresh]);
+
+  return { deliveredByMessage, readByMessage, refresh };
+}
+
+function toIdSets(input: Map<string, Map<string, string>>): Map<string, Set<string>> {
+  const out = new Map<string, Set<string>>();
+  for (const [mid, inner] of input) {
+    out.set(mid, new Set(inner.keys()));
+  }
+  return out;
+}
diff --git a/apps/desktop/src/lib/useMessageDeliveries.ts b/apps/desktop/src/lib/useMessageDeliveries.ts
new file mode 100644
index 0000000..64d58bd
--- /dev/null
+++ b/apps/desktop/src/lib/useMessageDeliveries.ts
@@ -0,0 +1,61 @@
+import {
+  listPeerDeliveriesForMessages,
+  markMessagesDelivered,
+} from '@chat-app/shared/chat';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+
+import { supabase } from './supabase';
+
+// Tracks peer delivery acknowledgements for our own messages. Single peer
+// (DM). For groups this would need a per-user map; keep parity with
+// `useMessageReads` for now.
+export function useMessageDeliveries(
+  messageIds: string[],
+  peerUserId: string | undefined,
+): { peerDeliveredSet: Set<string>; refresh: () => Promise<void> } {
+  const idsKey = useMemo(() => messageIds.join(','), [messageIds]);
+  const [peerDeliveredSet, setPeerDeliveredSet] = useState<Set<string>>(new Set());
+
+  const refresh = useCallback(async () => {
+    if (!peerUserId || messageIds.length === 0) {
+      setPeerDeliveredSet(new Set());
+      return;
+    }
+    try {
+      const s = await listPeerDeliveriesForMessages(supabase, messageIds, peerUserId);
+      setPeerDeliveredSet(s);
+    } catch (err: unknown) {
+      console.error('listPeerDeliveriesForMessages failed', err);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [peerUserId, idsKey]);
+
+  useEffect(() => {
+    void refresh();
+    if (!peerUserId) return;
+    const channel = supabase
+      .channel('deliveries:' + peerUserId)
+      .on(
+        'postgres_changes',
+        {
+          event: 'INSERT',
+          schema: 'public',
+          table: 'message_deliveries',
+          filter: 'user_id=eq.' + peerUserId,
+        },
+        () => {
+          void refresh();
+        },
+      )
+      .subscribe();
+    return () => {
+      void supabase.removeChannel(channel);
+    };
+  }, [peerUserId, refresh]);
+
+  return { peerDeliveredSet, refresh };
+}
+
+export async function markDelivered(messageIds: string[]): Promise<void> {
+  await markMessagesDelivered(supabase, messageIds);
+}
diff --git a/apps/desktop/src/lib/webPush.ts b/apps/desktop/src/lib/webPush.ts
new file mode 100644
index 0000000..04e976a
--- /dev/null
+++ b/apps/desktop/src/lib/webPush.ts
@@ -0,0 +1,87 @@
+// Web Push subscription registration. Browser-only; Tauri WebView2 / WebKit
+// do not install service workers. The Tauri build relies on native OS
+// notifications via osNotify.ts instead.
+//
+// Flow:
+//   1. Register /sw.js if not already.
+//   2. Subscribe with the VAPID public key (Vite injects it via env).
+//   3. Persist {endpoint, keys} JSON-encoded into push_tokens.token for the
+//      current device. Server-side fan-out reads this row to send pushes.
+
+import { isTauriRuntime } from './globalShortcut';
+import { supabase } from './supabase';
+
+const VAPID_PUBLIC_KEY: string | undefined =
+  (import.meta as unknown as { env?: { VITE_VAPID_PUBLIC_KEY?: string } }).env
+    ?.VITE_VAPID_PUBLIC_KEY;
+
+export async function registerWebPush(deviceId: string): Promise<void> {
+  // Tauri uses native notifications — no service worker.
+  if (isTauriRuntime()) return;
+  if (typeof navigator === 'undefined' || !('serviceWorker' in navigator)) return;
+  if (!('PushManager' in window)) return;
+  if (!VAPID_PUBLIC_KEY) {
+    console.warn('VITE_VAPID_PUBLIC_KEY not set — push disabled');
+    return;
+  }
+
+  try {
+    const reg = await navigator.serviceWorker.register('/sw.js');
+    await navigator.serviceWorker.ready;
+    let sub = await reg.pushManager.getSubscription();
+    if (!sub) {
+      const permission = await Notification.requestPermission();
+      if (permission !== 'granted') return;
+      sub = await reg.pushManager.subscribe({
+        userVisibleOnly: true,
+        applicationServerKey: urlBase64ToUint8Array(VAPID_PUBLIC_KEY) as BufferSource,
+      });
+    }
+
+    const token = JSON.stringify({
+      endpoint: sub.endpoint,
+      keys: sub.toJSON().keys ?? {},
+    });
+
+    const { error } = await supabase
+      .from('push_tokens')
+      .upsert(
+        { device_id: deviceId, platform: 'web' as never, token },
+        { onConflict: 'device_id' },
+      );
+    if (error) {
+      console.warn('push_tokens upsert failed', error);
+    }
+  } catch (err: unknown) {
+    console.error('registerWebPush failed', err);
+  }
+}
+
+export async function unregisterWebPush(deviceId: string): Promise<void> {
+  if (typeof navigator === 'undefined' || !('serviceWorker' in navigator)) return;
+  try {
+    const reg = await navigator.serviceWorker.getRegistration();
+    if (reg) {
+      const sub = await reg.pushManager.getSubscription();
+      if (sub) await sub.unsubscribe();
+    }
+  } catch {
+    /* ignore */
+  }
+  try {
+    await supabase.from('push_tokens').delete().eq('device_id', deviceId);
+  } catch (err: unknown) {
+    console.warn('push_tokens delete failed', err);
+  }
+}
+
+// VAPID public key arrives as URL-safe base64; PushManager expects a raw byte
+// array. Standard conversion.
+function urlBase64ToUint8Array(base64: string): Uint8Array {
+  const padding = '='.repeat((4 - (base64.length % 4)) % 4);
+  const padded = (base64 + padding).replace(/-/g, '+').replace(/_/g, '/');
+  const raw = atob(padded);
+  const out = new Uint8Array(raw.length);
+  for (let i = 0; i < raw.length; i++) out[i] = raw.charCodeAt(i);
+  return out;
+}
diff --git a/apps/desktop/src/pages/AdminPage.tsx b/apps/desktop/src/pages/AdminPage.tsx
index 8c761e5..a2e29fa 100644
--- a/apps/desktop/src/pages/AdminPage.tsx
+++ b/apps/desktop/src/pages/AdminPage.tsx
@@ -1,4 +1,6 @@
 import {
+  type AdminAuditEntry,
+  type AdminConversationRow,
   type AdminProfileFlag,
   type AdminProfileRow,
   type AdminSetting,
@@ -6,8 +8,11 @@ import {
   deleteInvite,
   type InviteRecord,
   listAdminSettings,
+  listAllConversations,
   listAllProfiles,
+  listAuditLog,
   listInvites,
+  logAdminAction,
   setInviteDisabled,
   setUserFlag,
   updateAdminSetting,
@@ -31,20 +36,26 @@ export function AdminPage() {
   const [settings, setSettings] = useState<AdminSetting[]>([]);
   const [invites, setInvites] = useState<InviteRecord[]>([]);
   const [users, setUsers] = useState<AdminProfileRow[]>([]);
+  const [conversations, setConversations] = useState<AdminConversationRow[]>([]);
+  const [audit, setAudit] = useState<AdminAuditEntry[]>([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
 
   const refresh = useCallback(async () => {
     try {
       setLoading(true);
-      const [s, i, u] = await Promise.all([
+      const [s, i, u, c, a] = await Promise.all([
         listAdminSettings(supabase),
         listInvites(supabase),
         listAllProfiles(supabase),
+        listAllConversations(supabase),
+        listAuditLog(supabase, 50),
       ]);
       setSettings(s);
       setInvites(i);
       setUsers(u);
+      setConversations(c);
+      setAudit(a);
       setError(null);
     } catch (err: unknown) {
       const code = extractErrorCode(err);
@@ -92,6 +103,8 @@ export function AdminPage() {
           <SettingsSection settings={settings} onRefresh={refresh} />
           <InvitesSection invites={invites} onRefresh={refresh} />
           <UsersSection users={users} onRefresh={refresh} />
+          <ConversationsSection conversations={conversations} />
+          <AuditSection entries={audit} users={users} />
         </>
       )}
       </div>
@@ -295,6 +308,13 @@ function UsersSection({ users, onRefresh }: { users: AdminProfileRow[]; onRefres
   async function toggle(userId: string, flag: AdminProfileFlag, value: boolean) {
     try {
       await setUserFlag(supabase, userId, flag, value);
+      // Best-effort audit; don't fail the UI if the log write fails.
+      void logAdminAction(
+        supabase,
+        'user.set_flag',
+        { type: 'user', id: userId },
+        { flag, value },
+      ).catch(() => undefined);
       await onRefresh();
     } catch (err: unknown) {
       console.error(err);
@@ -345,6 +365,106 @@ function UsersSection({ users, onRefresh }: { users: AdminProfileRow[]; onRefres
   );
 }
 
+// --- Conversations ---------------------------------------------------------
+
+function ConversationsSection({ conversations }: { conversations: AdminConversationRow[] }) {
+  if (conversations.length === 0) {
+    return (
+      <Section title="Unterhaltungen">
+        <p className="text-sm text-fg-muted">Keine Unterhaltungen.</p>
+      </Section>
+    );
+  }
+  return (
+    <Section title={'Unterhaltungen (' + conversations.length + ')'}>
+      <div className="overflow-x-auto">
+        <table className="w-full text-left text-sm">
+          <thead className="text-[10px] uppercase tracking-[0.1em] text-fg-muted">
+            <tr>
+              <th className="py-2 pr-3">Name/ID</th>
+              <th className="py-2 pr-3">Typ</th>
+              <th className="py-2 pr-3">Members</th>
+              <th className="py-2 pr-3">Letzte Nachricht</th>
+              <th className="py-2 pr-3">Erstellt</th>
+            </tr>
+          </thead>
+          <tbody className="divide-y divide-line">
+            {conversations.map((c) => (
+              <tr key={c.id}>
+                <td className="py-2 pr-3 font-mono text-[11px] text-fg">
+                  {c.name ?? c.id.slice(0, 12)}
+                </td>
+                <td className="py-2 pr-3 text-xs text-fg-muted">{c.type}</td>
+                <td className="py-2 pr-3 text-xs text-fg">{c.memberCount}</td>
+                <td className="py-2 pr-3 text-xs text-fg-muted">
+                  {c.lastMessageAt
+                    ? new Date(c.lastMessageAt).toLocaleString()
+                    : '—'}
+                </td>
+                <td className="py-2 pr-3 text-xs text-fg-muted">
+                  {new Date(c.createdAt).toLocaleDateString()}
+                </td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+    </Section>
+  );
+}
+
+// --- Audit log -------------------------------------------------------------
+
+function AuditSection({
+  entries,
+  users,
+}: {
+  entries: AdminAuditEntry[];
+  users: AdminProfileRow[];
+}) {
+  const nameByUserId = new Map(users.map((u) => [u.userId, u.displayName]));
+
+  if (entries.length === 0) {
+    return (
+      <Section title="Audit-Log">
+        <p className="text-sm text-fg-muted">Keine Einträge.</p>
+      </Section>
+    );
+  }
+  return (
+    <Section title={'Audit-Log (letzte ' + entries.length + ')'}>
+      <ul className="divide-y divide-line text-sm">
+        {entries.map((e) => (
+          <li key={e.id} className="flex items-start gap-3 py-2">
+            <span className="w-32 shrink-0 font-mono text-[10px] text-fg-muted">
+              {new Date(e.createdAt).toLocaleString()}
+            </span>
+            <div className="min-w-0 flex-1">
+              <p className="text-xs">
+                <span className="font-semibold text-fg">
+                  {e.actorId ? nameByUserId.get(e.actorId) ?? e.actorId.slice(0, 8) : '—'}
+                </span>{' '}
+                <span className="text-accent">{e.action}</span>
+                {e.targetId && (
+                  <span className="text-fg-muted">
+                    {' '}
+                    on {e.targetType}:{e.targetId.slice(0, 8)}
+                  </span>
+                )}
+              </p>
+              {Object.keys(e.metadata).length > 0 && (
+                <p className="mt-0.5 font-mono text-[10px] text-fg-muted">
+                  {JSON.stringify(e.metadata)}
+                </p>
+              )}
+            </div>
+          </li>
+        ))}
+      </ul>
+    </Section>
+  );
+}
+
 // --- Bits ------------------------------------------------------------------
 
 function Toggle({
diff --git a/apps/desktop/src/pages/ConversationPage.tsx b/apps/desktop/src/pages/ConversationPage.tsx
index c039984..83a828b 100644
--- a/apps/desktop/src/pages/ConversationPage.tsx
+++ b/apps/desktop/src/pages/ConversationPage.tsx
@@ -22,12 +22,16 @@ import { InCallPanel } from '../components/InCallPanel';
 import { IncomingCallPanel } from '../components/IncomingCallPanel';
 import { MessageBubble, type QuotedRef } from '../components/MessageBubble';
 import { TypingIndicator } from '../components/TypingIndicator';
+import { VoiceRecorder } from '../components/VoiceRecorder';
 import type { DecryptedMessage } from '@chat-app/shared/chat';
 import { useAuth } from '../context/AuthContext';
 import { useCall } from '../context/CallContext';
 import { useConversationsContext } from '../context/ConversationsContext';
+import type { OutboxItem } from '../lib/messageOutbox';
 import { useConversationMessages } from '../lib/useConversationMessages';
 import { useMessageReactions } from '../lib/useMessageReactions';
+import { useGroupReceipts } from '../lib/useGroupReceipts';
+import { markDelivered, useMessageDeliveries } from '../lib/useMessageDeliveries';
 import { markRead as markMessagesReadRemote, useMessageReads } from '../lib/useMessageReads';
 import { usePeerPresence } from '../lib/usePeerPresence';
 import { useTypingChannel } from '../lib/useTypingChannel';
@@ -47,11 +51,12 @@ export function ConversationPage() {
   const peerId = conversation?.peer?.userId;
   const peerPresence = usePeerPresence(peerId);
 
-  const { messages, loading, error, send } = useConversationMessages({
-    conversationId: id,
-    userId: session?.user.id,
-    deviceId: device?.id,
-  });
+  const { messages, loading, error, send, pending, retryPending, cancelPending } =
+    useConversationMessages({
+      conversationId: id,
+      userId: session?.user.id,
+      deviceId: device?.id,
+    });
   const messageIds = useMemo(() => messages.map((m) => m.id), [messages]);
   const { byMessage: reactionsByMessage, toggle: toggleReaction } = useMessageReactions(
     messageIds,
@@ -66,6 +71,36 @@ export function ConversationPage() {
     [messages, myId],
   );
   const { peerReadSet } = useMessageReads(ownMessageIds, peerId);
+  const { peerDeliveredSet } = useMessageDeliveries(ownMessageIds, peerId);
+
+  // Group receipts: only meaningful when conversation is a group. We feed it
+  // ownMessageIds since we only render delivery state on the sender side.
+  const isGroup = conversation?.type === 'group';
+  const { deliveredByMessage: groupDelivered, readByMessage: groupRead } =
+    useGroupReceipts(ownMessageIds, myId, !!isGroup);
+  const groupRecipientCount = useMemo(() => {
+    if (!isGroup || !conversation) return 0;
+    return conversation.members.filter((m) => m.userId !== myId).length;
+  }, [isGroup, conversation, myId]);
+
+  // Mark every peer-authored message as delivered on our side. Idempotent,
+  // so rerunning for already-acknowledged ids is a no-op server-side.
+  const deliveredTrackedRef = useRef<Set<string>>(new Set());
+  useEffect(() => {
+    if (!myId || messages.length === 0) return;
+    const toMark: string[] = [];
+    for (const m of messages) {
+      if (m.senderId === myId) continue;
+      if (deliveredTrackedRef.current.has(m.id)) continue;
+      deliveredTrackedRef.current.add(m.id);
+      toMark.push(m.id);
+    }
+    if (toMark.length > 0) {
+      void markDelivered(toMark).catch((err: unknown) => {
+        console.warn('markDelivered failed', err);
+      });
+    }
+  }, [messages, myId]);
 
   const lastSeenMessageId = useMemo(() => {
     for (let i = messages.length - 1; i >= 0; i--) {
@@ -100,8 +135,14 @@ export function ConversationPage() {
   const [searchOpen, setSearchOpen] = useState(false);
   const [searchQuery, setSearchQuery] = useState('');
   const [searchIdx, setSearchIdx] = useState(0);
+  const [searchSenderId, setSearchSenderId] = useState<string>('');
+  const [searchAttachmentsOnly, setSearchAttachmentsOnly] = useState(false);
+  const [searchDateFrom, setSearchDateFrom] = useState<string>('');
+  const [searchDateTo, setSearchDateTo] = useState<string>('');
   const [highlightedId, setHighlightedId] = useState<string | null>(null);
+  const [displayCount, setDisplayCount] = useState<number>(150);
   const scrollRef = useRef<HTMLDivElement>(null);
+  const loadMoreSentinelRef = useRef<HTMLDivElement>(null);
   const fileInputRef = useRef<HTMLInputElement>(null);
   const composerRef = useRef<HTMLTextAreaElement>(null);
 
@@ -111,8 +152,28 @@ export function ConversationPage() {
     setForwardTarget(null);
     setSearchOpen(false);
     setSearchQuery('');
+    setDisplayCount(150);
   }, [id]);
 
+  // Expand window when the "load older" sentinel scrolls into view. Doubles
+  // effective window on each trigger so scrolling up quickly converges to
+  // rendering everything.
+  useEffect(() => {
+    const el = loadMoreSentinelRef.current;
+    if (!el) return;
+    if (displayCount >= messages.length) return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        if (entries[0]?.isIntersecting) {
+          setDisplayCount((n) => Math.min(messages.length, n * 2));
+        }
+      },
+      { root: scrollRef.current, rootMargin: '200px 0px' },
+    );
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [displayCount, messages.length]);
+
   const messageById = useMemo(() => {
     const m = new Map<string, DecryptedMessage>();
     for (const msg of messages) m.set(msg.id, msg);
@@ -176,17 +237,39 @@ export function ConversationPage() {
     setForwardTarget(m);
   }, []);
 
-  // Search matches: messages whose decrypted text includes the query.
+  // Search matches: messages matching query + filters. Empty query is allowed
+  // when filters are active, so users can e.g. show "all attachments from
+  // alice in the last week" without a text query.
+  const searchActive = useMemo(
+    () =>
+      searchQuery.trim().length > 0 ||
+      searchSenderId !== '' ||
+      searchAttachmentsOnly ||
+      searchDateFrom !== '' ||
+      searchDateTo !== '',
+    [searchQuery, searchSenderId, searchAttachmentsOnly, searchDateFrom, searchDateTo],
+  );
   const searchMatches = useMemo(() => {
+    if (!searchActive) return [] as DecryptedMessage[];
     const q = searchQuery.trim().toLowerCase();
-    if (!q) return [] as DecryptedMessage[];
+    const fromTs = searchDateFrom ? new Date(searchDateFrom).getTime() : null;
+    // Date inputs cover whole days — bump 'to' to end-of-day.
+    const toTs = searchDateTo
+      ? new Date(searchDateTo).getTime() + 24 * 3600 * 1000 - 1
+      : null;
     return messages.filter((m) => {
+      if (searchSenderId && m.senderId !== searchSenderId) return false;
+      const created = new Date(m.createdAt).getTime();
+      if (fromTs !== null && created < fromTs) return false;
+      if (toTs !== null && created > toTs) return false;
       if (!m.plaintext) return false;
       const parsed = parseMessagePayload(m.plaintext);
       if (parsed.kind !== 'text') return false;
-      return parsed.text.toLowerCase().includes(q);
+      if (searchAttachmentsOnly && parsed.attachments.length === 0) return false;
+      if (q && !parsed.text.toLowerCase().includes(q)) return false;
+      return true;
     });
-  }, [messages, searchQuery]);
+  }, [messages, searchActive, searchQuery, searchSenderId, searchAttachmentsOnly, searchDateFrom, searchDateTo]);
 
   // Reset/clamp the active match index when the match set changes.
   useEffect(() => {
@@ -278,7 +361,6 @@ export function ConversationPage() {
     setAttachments((prev) => [...prev, ...next].slice(0, 4));
   }
 
-  const isGroup = conversation?.type === 'group';
   const { state: callState } = useCall();
   // Hide the chat header while this conversation hosts an active call — the
   // call topbar inside the dock already shows the channel name + duration,
@@ -308,6 +390,15 @@ export function ConversationPage() {
           onQueryChange={setSearchQuery}
           matches={searchMatches.length}
           activeIdx={searchIdx}
+          senderId={searchSenderId}
+          onSenderChange={setSearchSenderId}
+          attachmentsOnly={searchAttachmentsOnly}
+          onAttachmentsOnlyChange={setSearchAttachmentsOnly}
+          dateFrom={searchDateFrom}
+          onDateFromChange={setSearchDateFrom}
+          dateTo={searchDateTo}
+          onDateToChange={setSearchDateTo}
+          members={conversation?.members ?? []}
           onPrev={() =>
             setSearchIdx((cur) =>
               searchMatches.length === 0 ? 0 : (cur - 1 + searchMatches.length) % searchMatches.length,
@@ -319,6 +410,10 @@ export function ConversationPage() {
           onClose={() => {
             setSearchOpen(false);
             setSearchQuery('');
+            setSearchSenderId('');
+            setSearchAttachmentsOnly(false);
+            setSearchDateFrom('');
+            setSearchDateTo('');
           }}
         />
       )}
@@ -345,7 +440,18 @@ export function ConversationPage() {
           <p className="text-center text-sm text-fg-muted">…</p>
         ) : (
           <ul className="space-y-0.5">
-            {messages.map((m, idx) => {
+            {displayCount < messages.length && (
+              <li>
+                <div
+                  ref={loadMoreSentinelRef}
+                  className="flex items-center justify-center py-2 text-xs text-fg-muted"
+                >
+                  Lade ältere Nachrichten…
+                </div>
+              </li>
+            )}
+            {messages.slice(Math.max(0, messages.length - displayCount)).map((m, sliceIdx) => {
+              const idx = Math.max(0, messages.length - displayCount) + sliceIdx;
               // A "run" is consecutive bubbles from the same sender with
               // nothing between them. Call-event separators break the run —
               // a bubble whose immediate next neighbour is a call_event must
@@ -384,6 +490,19 @@ export function ConversationPage() {
                     reactions={reactionsByMessage.get(m.id) ?? []}
                     onToggleReaction={(emoji) => toggleReaction(m.id, emoji)}
                     showSeen={m.id === lastSeenMessageId}
+                    {...(m.senderId === myId
+                      ? {
+                          deliveryState: computeDeliveryState({
+                            messageId: m.id,
+                            isGroup: !!isGroup,
+                            recipientCount: groupRecipientCount,
+                            peerReadSet,
+                            peerDeliveredSet,
+                            groupRead,
+                            groupDelivered,
+                          }),
+                        }
+                      : {})}
                     quoted={buildQuoted(m.replyToId)}
                     onJumpToMessage={jumpToMessage}
                     onReply={handleReply}
@@ -393,6 +512,15 @@ export function ConversationPage() {
                 </li>
               );
             })}
+            {pending.map((p) => (
+              <li key={p.id}>
+                <PendingBubble
+                  item={p}
+                  onRetry={() => retryPending(p.id)}
+                  onCancel={() => cancelPending(p.id)}
+                />
+              </li>
+            ))}
           </ul>
         )}
       </div>
@@ -473,6 +601,18 @@ export function ConversationPage() {
           >
             <PlusIcon className="h-4 w-4" />
           </button>
+          <VoiceRecorder
+            disabled={sending}
+            onComplete={async (file) => {
+              try {
+                await send('', [file], replyTo?.id ?? null);
+                setReplyTo(null);
+              } catch (err: unknown) {
+                const msg = err instanceof Error ? err.message : 'send failed';
+                setSendError(msg);
+              }
+            }}
+          />
           <textarea
             ref={composerRef}
             value={text}
@@ -516,65 +656,134 @@ interface SearchBarProps {
   onQueryChange: (q: string) => void;
   matches: number;
   activeIdx: number;
+  senderId: string;
+  onSenderChange: (id: string) => void;
+  attachmentsOnly: boolean;
+  onAttachmentsOnlyChange: (v: boolean) => void;
+  dateFrom: string;
+  onDateFromChange: (v: string) => void;
+  dateTo: string;
+  onDateToChange: (v: string) => void;
+  members: { userId: string; profile: { displayName?: string | null } | null }[];
   onPrev: () => void;
   onNext: () => void;
   onClose: () => void;
 }
 
-function SearchBar({ query, onQueryChange, matches, activeIdx, onPrev, onNext, onClose }: SearchBarProps) {
+function SearchBar({
+  query,
+  onQueryChange,
+  matches,
+  activeIdx,
+  senderId,
+  onSenderChange,
+  attachmentsOnly,
+  onAttachmentsOnlyChange,
+  dateFrom,
+  onDateFromChange,
+  dateTo,
+  onDateToChange,
+  members,
+  onPrev,
+  onNext,
+  onClose,
+}: SearchBarProps) {
   const { t } = useTranslation(['app']);
   return (
-    <div className="flex items-center gap-2 border-b border-line bg-surface-2 px-4 py-2">
-      <SearchIcon className="h-4 w-4 shrink-0 text-fg-muted" />
-      <input
-        type="search"
-        autoFocus
-        value={query}
-        onChange={(e) => onQueryChange(e.target.value)}
-        onKeyDown={(e) => {
-          if (e.key === 'Escape') onClose();
-          if (e.key === 'Enter') {
-            e.preventDefault();
-            if (e.shiftKey) onPrev();
-            else onNext();
-          }
-        }}
-        placeholder={t('app:chats.search_in_conv', { defaultValue: 'In Unterhaltung suchen…' })}
-        className="min-w-0 flex-1 bg-transparent text-sm text-fg placeholder-fg-muted outline-none"
-      />
-      <span className="shrink-0 text-xs tabular-nums text-fg-muted">
-        {matches === 0
-          ? query.trim().length > 0
-            ? t('app:chats.search_none', { defaultValue: 'Keine Treffer' })
-            : ''
-          : activeIdx + 1 + ' / ' + matches}
-      </span>
-      <button
-        type="button"
-        onClick={onPrev}
-        disabled={matches === 0}
-        aria-label="Previous"
-        className="cursor-pointer rounded-md p-1 text-fg-muted transition hover:bg-surface-3 hover:text-fg disabled:cursor-not-allowed disabled:opacity-40"
-      >
-        <ChevronUpIcon className="h-4 w-4" />
-      </button>
-      <button
-        type="button"
-        onClick={onNext}
-        disabled={matches === 0}
-        aria-label="Next"
-        className="cursor-pointer rounded-md p-1 text-fg-muted transition hover:bg-surface-3 hover:text-fg disabled:cursor-not-allowed disabled:opacity-40"
-      >
-        <ChevronDownIcon className="h-4 w-4" />
-      </button>
-      <button
-        type="button"
-        onClick={onClose}
-        aria-label="Close"
-        className="cursor-pointer rounded-md p-1 text-fg-muted transition hover:bg-surface-3 hover:text-fg"
-      >
-        <XIcon className="h-4 w-4" />
-      </button>
+    <div className="flex flex-col gap-2 border-b border-line bg-surface-2 px-4 py-2">
+      <div className="flex items-center gap-2">
+        <SearchIcon className="h-4 w-4 shrink-0 text-fg-muted" />
+        <input
+          type="search"
+          autoFocus
+          value={query}
+          onChange={(e) => onQueryChange(e.target.value)}
+          onKeyDown={(e) => {
+            if (e.key === 'Escape') onClose();
+            if (e.key === 'Enter') {
+              e.preventDefault();
+              if (e.shiftKey) onPrev();
+              else onNext();
+            }
+          }}
+          placeholder={t('app:chats.search_in_conv', { defaultValue: 'In Unterhaltung suchen…' })}
+          className="min-w-0 flex-1 bg-transparent text-sm text-fg placeholder-fg-muted outline-none"
+        />
+        <span className="shrink-0 text-xs tabular-nums text-fg-muted">
+          {matches === 0
+            ? query.trim().length > 0
+              ? t('app:chats.search_none', { defaultValue: 'Keine Treffer' })
+              : ''
+            : activeIdx + 1 + ' / ' + matches}
+        </span>
+        <button
+          type="button"
+          onClick={onPrev}
+          disabled={matches === 0}
+          aria-label="Previous"
+          className="cursor-pointer rounded-md p-1 text-fg-muted transition hover:bg-surface-3 hover:text-fg disabled:cursor-not-allowed disabled:opacity-40"
+        >
+          <ChevronUpIcon className="h-4 w-4" />
+        </button>
+        <button
+          type="button"
+          onClick={onNext}
+          disabled={matches === 0}
+          aria-label="Next"
+          className="cursor-pointer rounded-md p-1 text-fg-muted transition hover:bg-surface-3 hover:text-fg disabled:cursor-not-allowed disabled:opacity-40"
+        >
+          <ChevronDownIcon className="h-4 w-4" />
+        </button>
+        <button
+          type="button"
+          onClick={onClose}
+          aria-label="Close"
+          className="cursor-pointer rounded-md p-1 text-fg-muted transition hover:bg-surface-3 hover:text-fg"
+        >
+          <XIcon className="h-4 w-4" />
+        </button>
+      </div>
+      <div className="flex flex-wrap items-center gap-2 text-xs text-fg-muted">
+        <select
+          value={senderId}
+          onChange={(e) => onSenderChange(e.target.value)}
+          className="cursor-pointer rounded-md border border-line bg-surface-3 px-2 py-1 text-fg outline-none focus:border-accent"
+        >
+          <option value="">Alle Sender</option>
+          {members.map((m) => (
+            <option key={m.userId} value={m.userId}>
+              {m.profile?.displayName ?? m.userId.slice(0, 6)}
+            </option>
+          ))}
+        </select>
+        <label className="flex cursor-pointer items-center gap-1 rounded-md border border-line bg-surface-3 px-2 py-1 text-fg">
+          <input
+            type="checkbox"
+            checked={attachmentsOnly}
+            onChange={(e) => onAttachmentsOnlyChange(e.target.checked)}
+            className="accent-accent"
+          />
+          <span>Nur Anhänge</span>
+        </label>
+        <label className="flex items-center gap-1">
+          <span>Von</span>
+          <input
+            type="date"
+            value={dateFrom}
+            onChange={(e) => onDateFromChange(e.target.value)}
+            className="rounded-md border border-line bg-surface-3 px-2 py-1 text-fg outline-none focus:border-accent"
+          />
+        </label>
+        <label className="flex items-center gap-1">
+          <span>Bis</span>
+          <input
+            type="date"
+            value={dateTo}
+            onChange={(e) => onDateToChange(e.target.value)}
+            className="rounded-md border border-line bg-surface-3 px-2 py-1 text-fg outline-none focus:border-accent"
+          />
+        </label>
+      </div>
     </div>
   );
 }
@@ -583,6 +792,86 @@ function SearchBar({ query, onQueryChange, matches, activeIdx, onPrev, onNext, o
 // regular bubble is found or the array boundary is reached. Used to decide
 // run-grouping for avatar placement so call separators don't bleed into
 // sender continuity.
+function computeDeliveryState(args: {
+  messageId: string;
+  isGroup: boolean;
+  recipientCount: number;
+  peerReadSet: Set<string>;
+  peerDeliveredSet: Set<string>;
+  groupRead: Map<string, Set<string>>;
+  groupDelivered: Map<string, Set<string>>;
+}): 'sent' | 'delivered' | 'read' {
+  // DM: single peer ack flips state.
+  if (!args.isGroup) {
+    if (args.peerReadSet.has(args.messageId)) return 'read';
+    if (args.peerDeliveredSet.has(args.messageId)) return 'delivered';
+    return 'sent';
+  }
+  // Group: state advances only when ALL recipients have acknowledged. With
+  // 0 recipients (admin-only group), we keep 'sent' so we don't show
+  // misleading completed ticks.
+  if (args.recipientCount === 0) return 'sent';
+  const reads = args.groupRead.get(args.messageId);
+  if (reads && reads.size >= args.recipientCount) return 'read';
+  const delivered = args.groupDelivered.get(args.messageId);
+  if (delivered && delivered.size >= args.recipientCount) return 'delivered';
+  return 'sent';
+}
+
+function PendingBubble({
+  item,
+  onRetry,
+  onCancel,
+}: {
+  item: OutboxItem;
+  onRetry: () => void;
+  onCancel: () => void;
+}) {
+  const failed = item.attempts >= 8;
+  return (
+    <div className="flex justify-end py-0.5">
+      <div
+        className={
+          'max-w-[72%] rounded-[18px] px-3.5 py-2 text-sm ' +
+          (failed
+            ? 'border border-rose-500/40 bg-rose-500/10 text-rose-700 dark:text-rose-100'
+            : 'border border-dashed border-accent/50 bg-accent/10 text-fg opacity-80')
+        }
+      >
+        <p className="whitespace-pre-wrap break-words">{item.text}</p>
+        <div className="mt-1 flex items-center justify-end gap-2 text-[10px] uppercase tracking-wider text-fg-muted">
+          {failed ? (
+            <>
+              <span>{item.lastError ?? 'Senden fehlgeschlagen'}</span>
+              <button
+                type="button"
+                onClick={onRetry}
+                className="cursor-pointer rounded px-1.5 py-0.5 font-semibold text-accent hover:underline"
+              >
+                Erneut
+              </button>
+              <button
+                type="button"
+                onClick={onCancel}
+                className="cursor-pointer rounded px-1.5 py-0.5 font-semibold text-rose-600 hover:underline dark:text-rose-300"
+              >
+                Verwerfen
+              </button>
+            </>
+          ) : (
+            <>
+              <SpinnerIcon className="h-3 w-3 animate-spin" />
+              <span>
+                {item.attempts === 0 ? 'Senden…' : 'Wiederhole (' + item.attempts + ')'}
+              </span>
+            </>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}
+
 function Banner({ children }: { children: React.ReactNode }) {
   return (
     <div
diff --git a/apps/desktop/tailwind.config.js b/apps/desktop/tailwind.config.js
index 36f176d..c7a7e2e 100644
--- a/apps/desktop/tailwind.config.js
+++ b/apps/desktop/tailwind.config.js
@@ -74,6 +74,7 @@ export default {
         'live-dot': 'liveDotPulse 1.5s ease-in-out infinite',
         'slide-in-call': 'slideInCall 0.4s cubic-bezier(0.22,1,0.36,1)',
         'fs-hint': 'fsHintFade 3.5s ease-out forwards',
+        'reaction-pop': 'reactionPop 220ms cubic-bezier(0.34, 1.56, 0.64, 1)',
       },
       keyframes: {
         blob: {
@@ -110,6 +111,11 @@ export default {
           '15%, 75%': { opacity: '1', transform: 'translate(-50%, 0)' },
           '100%': { opacity: '0', transform: 'translate(-50%, -6px)' },
         },
+        reactionPop: {
+          '0%': { opacity: '0', transform: 'scale(0.4)' },
+          '70%': { opacity: '1', transform: 'scale(1.15)' },
+          '100%': { opacity: '1', transform: 'scale(1)' },
+        },
       },
       boxShadow: {
         glow: '0 0 40px -8px rgba(99, 102, 241, 0.35)',
diff --git a/design_handoff_chatapp/ChatApp Redesign.html b/design_handoff_chatapp/ChatApp Redesign.html
index 229028b..61b10d6 100644
--- a/design_handoff_chatapp/ChatApp Redesign.html	
+++ b/design_handoff_chatapp/ChatApp Redesign.html	
@@ -10,6 +10,11 @@
 <link rel="stylesheet" href="styles/variants.css">
 <link rel="stylesheet" href="styles/rail.css">
 <link rel="stylesheet" href="styles/call.css">
+<link rel="stylesheet" href="styles/pages.css">
+<style>
+  /* Cache-busting inline override for rail page-mode grid */
+  .rail-layout.page-mode { grid-template-columns: 64px 1fr !important; }
+</style>
 
 <script src="https://unpkg.com/react@18.3.1/umd/react.development.js" integrity="sha384-hD6/rw4ppMLGNu3tX5cjIb+uRZ7UkRJ6BPkLpg4hAu/6onKUg4lLsHAs9EBPT82L" crossorigin="anonymous"></script>
 <script src="https://unpkg.com/react-dom@18.3.1/umd/react-dom.development.js" integrity="sha384-u6aeetuaXnQ38mYT8rp6sbXaQe3NL9t+IBXmnYxwkUI2Hw4bsp2Wvmx4yRQF1uAm" crossorigin="anonymous"></script>
@@ -57,6 +62,7 @@ const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
 <script src="components/icons.jsx" type="text/babel"></script>
 <script src="components/data.jsx" type="text/babel"></script>
 <script src="components/call.jsx" type="text/babel"></script>
+<script src="components/pages.jsx" type="text/babel"></script>
 <script src="components/app.jsx" type="text/babel"></script>
 
 <script type="text/babel">
diff --git a/design_handoff_chatapp/README.md b/design_handoff_chatapp/README.md
index 1274a9a..cb8605d 100644
--- a/design_handoff_chatapp/README.md
+++ b/design_handoff_chatapp/README.md
@@ -1,30 +1,38 @@
-# Handoff: ChatApp — Clean Rail Redesign + Discord-Style Call UI
+# Handoff: ChatApp — Clean Rail Redesign (Chat + Friends + Admin + Settings + Calls)
 
 ## Overview
 
-This package contains the full design spec for redesigning the existing ChatApp (Netralax) interface around a **Clean Rail** layout aesthetic, plus a complete **Discord-style call system** (incoming call, in-call dock, picture-in-picture, fullscreen cinema mode).
+Full design spec for redesigning the existing ChatApp (Netralax) interface around a **Clean Rail** layout aesthetic. Covers **four main screens** plus the complete call UX:
 
-The redesign covers:
-1. The main chat interface (icon-rail sidebar + chat list + conversation area) in both **light** and **dark** mode.
-2. The call UX: incoming call overlay → active call docked above the chat (so users can keep typing while on a call) → fullscreen cinema mode → minimizable PiP bubble.
+1. **Chat** — icon-rail + chat list + conversation area
+2. **Friends** — friends list, outgoing requests, incoming requests, user search
+3. **Admin** — stats, invite-code management, user administration
+4. **Settings** — account, appearance, privacy, voice/audio, screenshare, devices, danger zone
+5. **Calls** — incoming overlay → in-call dock → fullscreen → picture-in-picture
+
+All screens work in **light** and **dark** mode.
+
+---
 
 ## About the Design Files
 
 The files in this bundle are **design references created in HTML/React/CSS** — prototypes showing the intended look, layout, and behavior. They are **not production code** to copy verbatim.
 
-Your task is to **recreate these designs inside the existing ChatApp codebase**, using its established patterns (existing React components, styling conventions, state management, icon library, etc.). If some tokens or helper components don't exist yet in the codebase, add them but keep them aligned with what's already there.
+Your task is to **recreate these designs inside the existing ChatApp codebase** using its established patterns (existing React components, styling conventions, state management, icon library, etc.). If some tokens or helper components don't exist yet in the codebase, add them but keep them aligned with what's already there.
 
-The design files are organized as:
-- `ChatApp Redesign.html` — entry HTML that boots the prototype
-- `components/app.jsx` — main layout (rail + chat list + chat area, plus call state machine)
-- `components/call.jsx` — all call UI components (IncomingCallScreen, ActiveCallScreen, ParticipantTile, CallControls, PipCall)
-- `components/icons.jsx` — SVG icon set used
+File layout:
+- `ChatApp Redesign.html` — entry HTML (open in a browser to see the prototype)
+- `components/app.jsx` — main layout (rail + chat list + chat area + call state machine + tab switching)
+- `components/pages.jsx` — **Friends, Admin, Settings page components** plus shared page primitives (PageHeader, Section, Toggle, SegmentedControl, Row, Empty, Banner, FlagChip, FriendRow)
+- `components/call.jsx` — call UI (IncomingCallScreen, ActiveCallScreen, ParticipantTile, CallControls, PipCall)
+- `components/icons.jsx` — SVG icon set
 - `components/data.jsx` — dummy chat/message data
 - `styles/base.css` — shared base tokens + layout primitives
-- `styles/variants.css` — `variant-clean` light + dark token definitions (this is the look you're targeting)
+- `styles/variants.css` — `variant-clean` light + dark token definitions
 - `styles/rail.css` — rail-layout specifics
-- `styles/call.css` — **all call UI styles** (the most important file for the call feature)
-- `screenshots/` — reference images of each state
+- `styles/call.css` — call UI styles
+- `styles/pages.css` — **Friends/Admin/Settings page styles**
+- `screenshots/` — reference images
 
 ## Fidelity
 
@@ -36,13 +44,13 @@ The design files are organized as:
 
 ### Colors — Light mode (`.variant-clean`)
 ```
---bg:        #fafaf9   (app background)
---bg-2:      #f4f4f2   (secondary surfaces, hover, search input)
---bg-3:      #ffffff   (elevated surfaces — chat list, chat area, cards)
---fg:        #0a0a0f   (primary text)
---fg-muted:  #737380   (secondary text, icons)
---line:      rgba(10,10,15,0.08)  (dividers, borders)
---accent:    #4F46E5   (indigo — primary actions, active states, my-bubble)
+--bg:        #fafaf9
+--bg-2:      #f4f4f2
+--bg-3:      #ffffff
+--fg:        #0a0a0f
+--fg-muted:  #737380
+--line:      rgba(10,10,15,0.08)
+--accent:    #4F46E5
 --accent-fg: #ffffff
 ```
 
@@ -54,20 +62,19 @@ The design files are organized as:
 --fg:        #f4f4f5
 --fg-muted:  #8a8a99
 --line:      rgba(255,255,255,0.07)
---accent:    #6D73FF   (slightly lighter indigo for contrast)
+--accent:    #6D73FF
 --accent-fg: #ffffff
 ```
 
-### Status / Semantic Colors (both modes)
+### Semantic Colors
 ```
-Speaking/Online/Success:  #16a34a light · #22c55e / #4ade80 dark
-Danger/Decline/Hangup:    #dc2626 (hover #b91c1c) · #fb7185 dark accent
-Warning/Idle:             #f59e0b
-Live/Recording:           #ef4444
-E2EE indicator (light):   #16a34a  (dark: #4ade80)
+Success / Online / E2EE:  #16a34a (light) · #4ade80 / #22c55e (dark)
+Danger / Decline:         #dc2626 / #b91c1c hover · #fb7185 (dark accent for borders/text)
+Warning / Expired:        #f59e0b · #d97706 light · #fbbf24 dark
+Live / Recording:         #ef4444
 ```
 
-### Avatar color swatches (assigned per chat)
+### Avatar swatches (assigned per user)
 ```
 violet:  bg #ddd6fe / fg #5b21b6   (dark: #312E81 / #C4B5FD)
 amber:   bg #fde68a / fg #78350f
@@ -76,239 +83,330 @@ teal:    bg #99f6e4 / fg #134e4a   (dark: #134e4a / #99f6e4)
 ```
 
 ### Typography
-- Family: `'Inter', system-ui, sans-serif` — Inter is the base. Display/headline use `'Outfit'` (participant name in IncomingCall).
+- Family: `'Inter', system-ui, sans-serif` base; display `'Outfit'` (page titles, call participant name, stat-card values); mono `'JetBrains Mono'` (invite codes, device IDs, keyboard hotkeys, inline stats).
 - Scale:
-  - Chat title / participant name large: 24px / 700
-  - Primary labels, chat name: 14–15px / 600
-  - Body (bubbles, messages): 14px / 400–500
-  - Meta, timestamps, presence: 11–12px / 400–500
-  - Rail tooltips, badges: 10–11px / 500–600
-  - Uppercase eyebrow (e.g. "EINGEHENDER ANRUF"): 12px / 600 / letter-spacing 0.12em
+  - Page title (`Freunde`, `Admin`, `Einstellungen`, call participant): 28px (page) / 24px (call) / 700 / Outfit / letter-spacing -0.02em
+  - Section label (uppercase eyebrow): 11px / 600 / tracked 0.08em
+  - Body labels, chat name, friend name: 14–15px / 600
+  - Body text, bubbles, settings hint: 12–14px / 400–500
+  - Meta, timestamps, handles, stat labels: 11–12px / 500, uppercase 10–11px tracked 0.06em
+  - Mono values: 11–12px / JetBrains Mono / 500
 
-### Spacing
-- Container padding: 16px (call-stage), 14–20px (topbars, composer)
-- Tile gap in grid: 8–10px
-- Control-button row gap: 8–10px
-- Border radius scale: 4 (small), 8 (tiles/badges), 10 (buttons), 14 (cards, large buttons), 18 (bubbles, bottom-fs controls), 24 (modal/card)
+### Spacing / Radius
+- Page content max-width: **820px**, centered, 28px top padding, 32px horizontal.
+- Section card radius 16, section header padded 16×20 with bottom border, section body padded 16×20 gap 14.
+- Button radius 8–10, chip/pill 999, stat card 12, device card 12.
+- Toggle switch: 40×22 with 16×16 thumb, 2px inset, transitions all 0.2s.
 
 ### Shadows
 - Elevated card light: `0 20px 60px rgba(0,0,0,0.1)`
 - Elevated card dark:  `0 20px 60px rgba(0,0,0,0.5)`
-- Accent button:       `0 4px 14px rgba(22,163,74,0.3)` (green accept) / same pattern for accent
-- PiP glow:            `0 12px 40px rgba(0,0,0,0.2), 0 0 0 3px rgba(79,70,229,0.15)`
+- Accent button: `0 4px 14px rgba(79,70,229,0.25)`
+- Avatar-large glow: `0 2px 6px rgba(0,0,0,0.08)`
 
 ### Motion
 - Standard UI transition: `all 0.15s`
-- Pulse ring (incoming call): `2s ease-out infinite`, scale 0.85→1.25, opacity 0.6→0
-- Audio pulse (speaking ring): `1.3s ease-out infinite`, scale 1→1.3
-- Live dot: `1.5s ease-in-out infinite`, opacity 1↔0.4
-- PiP entrance: `slideInCall 0.4s cubic-bezier(0.22,1,0.36,1)`
-- Fullscreen hint fade: 3.5s total (0–15% fade in, 75–100% fade out)
+- Toggle switch thumb: `transform 0.2s`
+- PTT hotkey capture pulse: `keyPulse 1.2s ease-in-out infinite` (opacity 1↔0.6)
 
 ---
 
-## Screens / Views
+## Tab Switching Behavior
 
-### 1. Main Chat — Clean Rail Layout
+The icon rail (`.icon-rail`) holds 4 primary tabs: **Chats**, **Friends**, **Admin**, **Settings**. Clicking an icon sets `activeTab`. Layout adapts:
+
+- **`activeTab === 'chats'`** → renders icon-rail + chat-list + chat-area (3 columns: `64px 280px 1fr`).
+- **`activeTab !== 'chats'`** → renders icon-rail + page content (2 columns: `64px 1fr`). Chat list is removed. The page component (`FriendsPageContent`, `AdminPageContent`, `SettingsPageContent`) renders inside the chat-area slot with its own scroll container and 820px centered inner.
+
+The `.rail-layout.page-mode` class toggles the grid-template-columns. **IMPORTANT:** this override is inlined in the entry HTML as a `<style>` block to avoid CSS-cache issues during dev. In production, put it in your main stylesheet.
+
+The **call dock** and **call screen switcher** are only shown on the chats tab.
+
+---
+
+## Screen 1: Chat
 
 **Structure (left → right):**
-- **Icon Rail** (72px wide): brand logo at top, tab buttons (Chats / Friends / Admin), spacer, Settings + theme-toggle at bottom. Active tab shows a vertical pill indicator on the left edge.
-- **Chat List** (280px wide): header with title + "new chat" icon, search input, list of `ChatItem`s (avatar + name + time + preview, optional unread dot), `rail-user` footer showing own profile + quick mute/settings.
-- **Chat Area** (flex, fills rest): chat header (counterpart avatar + name + presence/handle + search/voice/video buttons), messages scroll area, composer at bottom.
-
-**Chat header actions (right side):** search icon, phone icon, video icon. Phone triggers voice call (`callScreen → 'active'`, `callState.video = false`), Video triggers video call (`callState.video = true`).
+- **Icon Rail** (64px): brand logo, tab buttons (Chats/Friends/Admin), spacer, Settings + theme-toggle at bottom. Active tab shows a vertical pill indicator on the left edge.
+- **Chat List** (280px): header with title + "new chat" icon, search input, list of `ChatItem`s (avatar + name + time + preview, optional unread dot), `rail-user` footer showing own profile + quick mute/settings.
+- **Chat Area** (flex): chat header (counterpart avatar + name + presence/handle + search/voice/video), messages, composer.
 
 **Message bubbles:**
-- Mine (outgoing): filled accent bg, white text, radius `18px 18px 4px 18px`.
-- Theirs (incoming): transparent bg, 1px line border, fg text, radius `18px 18px 18px 4px`.
-- Avatars appear only on the **last message of a run** from that sender.
-- Reactions: pill row below bubble, `.mine` = filled accent.
-- System events ("Kaiwandi hat einen Anruf gestartet — Anruf beitreten"): centered `event-pill`, muted bg, muted fg, 11px.
-
-**Composer:** plus button (attach), rounded input bar with inline emoji + mic icons, send button.
+- Mine: filled accent bg, white text, radius `18px 18px 4px 18px`.
+- Theirs: transparent bg, 1px line border, fg text, radius `18px 18px 18px 4px`.
+- Avatars only on the **last message of a run**.
+- Reactions: pill row below, `.mine` = filled accent.
+- System events: centered `event-pill`, muted bg/fg, 11px.
 
 ---
 
-### 2. Incoming Call Overlay
+## Screen 2: Friends
 
-Full-bleed overlay replacing the chat area (takes over `.chat-area` space), radial-gradient background tinted with accent.
+Component: **`FriendsPageContent`** (`components/pages.jsx`)
 
-Centered card (420px wide):
-- Eyebrow "EINGEHENDER ANRUF" (uppercase, 12px, tracked)
-- Large avatar (96px) with **two pulsing rings** (staggered 1s)
-- Caller name (24px / 700 / Outfit)
-- Subtitle row: lock icon + "E2E verschlüsselt · Voice Call"
-- Two side-by-side action buttons:
-  - **Ablehnen**: transparent, red border/text, hover = 8% red bg
-  - **Annehmen**: green #16a34a, white, shadow
+### Layout
+- `PageHeader` with title "Freunde" and subtitle `"{N} Freunde · {M} offene Anfragen"`.
+- **Global search bar** (sticky at top of scroll): icon + input, placeholder "Benutzer suchen oder hinzufügen…". Focused state → border becomes accent.
+- **Tabs** (only when not searching): 3 pill tabs with inline counts — `Freunde`, `Ausgehend`, `Anfragen`. When there are pending incoming requests, the tab count badge is red (`.tab-count.highlight`).
+- **List area**: either tab content OR search results, mutually exclusive.
 
-### 3. Active Call — Docked (Default)
+### Search behavior
+- Trigger: input.length ≥ 2. Below that, tabs show.
+- Filters a global user directory (API: `GET /api/users/search?q={query}` — returns up to 20 matches).
+- Each result renders a `FriendRow` with a single primary button: "Anfrage senden" (icon + label). On click → `POST /api/friendships` with `{ targetUserId }`, optimistically updates the row to "Angefragt".
+- Empty state: "Keine Ergebnisse für „{query}"" with Search icon.
 
-**CRITICAL layout decision:** The active call does NOT take over the chat area. Instead it renders as a **dock above the messages**, taking roughly 50% of the chat-area height (min 280px, max 420px). The chat header is **hidden** while the dock is active (redundant — call topbar shows the channel name). Messages + composer remain fully visible and usable below, so users can keep chatting during the call. This is the Discord desktop pattern.
+### Tabs
 
-**Dock content:**
-- **Call topbar**: left side shows group icon + "Die Squad" + duration (tabular-nums), with E2E verschlüsselt below in success-green. Right side has 3 mode toggles: Grid / Focus / Fullscreen.
-- **Call stage**: fills the remaining space, renders either:
-  - **Grid**: CSS grid, 2×2 for 4 people, 3×2 for 5–6, 1fr 1fr for 2.
-  - **Focus**: main speaker tile takes most height, bottom strip with 110px-tall smaller tiles for others.
-  - **Fullscreen**: switches to `mode === 'fullscreen'` — see screen 4.
-- **Call controls bar** at the bottom of the dock: Mic, Video, Screen-share, Participants, **Hangup** (wider, red). Compact 36px buttons when docked.
+**Freunde** (`status === 'accepted'`):
+- FriendRow with: Nachricht (primary button opens conversation), Voice icon button (starts call), "Entfernen" (danger-ghost, confirms before `DELETE /api/friendships/{id}`).
+- Empty: "Noch keine Freunde. Suche oben nach Benutzern um anzufangen."
 
-### 4. Active Call — Fullscreen Cinema Mode
+**Ausgehend** (`status === 'pending' && direction === 'outgoing'`):
+- "Wartet auf Antwort…" italicized + `btn-ghost` "Abbrechen" → `DELETE /api/friendships/{id}`.
+- Empty: "Keine ausgehenden Anfragen."
 
-When mode = `fullscreen`:
-- Entire call-dock container becomes absolute-positioned and takes over everything below the window bar (chat list still visible on the left).
-- The **call topbar is hidden** entirely.
-- Main speaker fills the whole frame, no border/radius.
-- Participants strip moves to a **floating column in the bottom-right** (`.fs-strip`): 180px wide, 100px tall tiles, glass-blurred bg.
-- **Call controls bar floats** at bottom center — glass pill: `rgba(10,10,15,0.7)` + `backdrop-filter: blur(20px)` + subtle border + 18px radius.
-- **"Esc zum Verlassen" hint** fades in top-center on entry and auto-fades out over 3.5s. Pressing Esc or clicking Grid/Focus buttons exits.
-- **No visible X button** (intentional — keyboard-only exit, confirmed design decision).
+**Anfragen** (`status === 'pending' && direction === 'incoming'`):
+- `btn-primary` "Annehmen" (check icon) → `PATCH /api/friendships/{id}` with `{ accept: true }`; `btn-ghost` "Ablehnen" → same endpoint `{ accept: false }`.
+- Empty: "Keine eingehenden Anfragen."
 
-### 5. Participant Tile — Shared Component
+### FriendRow (shared)
+12px gap row, hover → `bg-2`. Avatar (with presence indicator on accepted friends), name (14px/600), handle `@{username}` (12px muted), actions on the right.
 
-A participant is either in **audio-only**, **video**, or **sharing screen** mode.
-- Tile border: 1px `var(--line)`, radius 14 (10 in dock). Hover → border becomes accent. `.speaking` → 2px green border + green glow shadow. `.focused` → accent border.
-- **Audio-only**: centered avatar (72px large, 44px small). When `speaking`, a green ring pulses around the avatar (`::before` pseudo).
-- **Video**: placeholder stub (gradient background + centered avatar, since real video not in scope here).
-- **Screenshare**: renders a "fake window" — chrome row with 3 dots, content row with grey skeleton lines + one accent-tinted block. A glass badge top-left: monitor icon + "Max teilt Bildschirm" (badge hidden on small tiles).
-- **Meta row** (absolute, bottom 8px, glass): left shows crown (if me) + name + lock (if E2EE), right shows muted mic icon (red chip) and/or sharing icon (green chip).
-
-### 6. Picture-in-Picture (PiP)
-
-A compact 260px pill docked bottom-right of the chat area:
-- 44px preview square (avatar of speaker, or mini shared-window placeholder if someone's sharing)
-- Title "Die Squad · {participantCount}"
-- Subtitle row: red pulsing dot + "Live · tippe zum Öffnen"
-- Circular red hangup button on the right
-- Whole thing is clickable → expands back to active call
-- Entrance animation: slide from bottom + fade in (`slideInCall`)
-- Shadow: standard + 3px accent glow ring
+### Data shapes
+```ts
+type Friendship = {
+  id: string;
+  userId: string;         // the OTHER user's ID
+  displayName: string;
+  username: string;       // @handle
+  avatarColor: 'violet'|'amber'|'rose'|'teal';
+  initial: string;        // derived from displayName[0] uppercase
+  status: 'accepted' | 'pending';
+  direction: 'outgoing' | 'incoming' | null;  // null when accepted
+  presence?: 'online' | 'idle' | 'dnd' | 'offline';
+};
+```
 
 ---
 
-## Interactions & Behavior
+## Screen 3: Admin
 
-### Call State Machine (lives in `ChatApp`)
+Component: **`AdminPageContent`** (`components/pages.jsx`)
+
+Gated route — only accessible if `currentUser.isAdmin === true`. If not, render 403 "Kein Zugriff" page.
+
+### Layout
+1. **`PageHeader`** "Admin" + subtitle `"{userCount} User · {activeInviteCount} aktive Invites"`.
+2. **Stats grid** (4 cards, 1fr × 4 @ ≥1200px, 2×2 below):
+   - Gesamt User
+   - Admins
+   - Gebannt (value in `#dc2626` / dark `#fb7185`)
+   - Aktive Invites
+   - Each card: 11px uppercase tracked label, 28px Outfit bold value, tabular-nums.
+3. **System section**: single `Toggle` for `invites_enabled`. Hint: "Wenn aus, können keine neuen User per Invite-Code beitreten."
+   - Maps to `PATCH /api/admin/settings { invitesEnabled: boolean }`.
+4. **Invite-Codes section**:
+   - Header action: **+ Neuer Code** primary button → opens modal (out of scope here) with fields for `code` (optional; auto-generated if blank), `usesLimit` (int or ∞), `expiresAt` (date or never).
+   - Table columns: Code · Nutzungen · Ablauf · Status · actions.
+   - Code column: mono 12px.
+   - Status pill: `Aktiv` (green), `Abgelaufen` (amber), `Deaktiviert` (red).
+   - Actions (per row, right-aligned): Copy icon (shows check on copy, 1.4s timeout), "Deaktivieren/Aktivieren" ghost xs button, red Trash icon.
+   - API:
+     - List: `GET /api/admin/invites`
+     - Create: `POST /api/admin/invites`
+     - Toggle: `PATCH /api/admin/invites/{code} { disabled: boolean }`
+     - Delete: `DELETE /api/admin/invites/{code}`
+5. **Benutzer section**:
+   - Row per user: avatar + name (with **Admin badge** if admin — pill with crown icon, accent bg + `accent-fg`) + `@handle · beigetreten {date}` meta.
+   - Flag chips on the right:
+     - **Admin** (toggle accent when active)
+     - **Invite-Block** (toggle accent when active) — prevents this user from creating invites
+     - **Bann** (`tone="danger"` — red when active)
+   - Click a chip → `PATCH /api/admin/users/{userId} { [flag]: boolean }`. Optimistic update.
+   - No delete — banning is the terminal state.
+
+### Data shapes
+```ts
+type Invite = {
+  code: string;
+  usesCount: number;
+  usesLimit: number | null;   // null = unlimited
+  expiresAt: string | null;   // ISO date
+  disabled: boolean;
+  createdBy: string;          // userId
+  createdAt: string;
+};
+
+type AdminUser = {
+  userId: string;
+  displayName: string;
+  username: string;
+  initial: string;
+  avatarColor: string;
+  isAdmin: boolean;
+  blockedFromInviting: boolean;
+  banned: boolean;
+  joinedAt: string;           // display-formatted in list
+};
+```
+
+---
+
+## Screen 4: Settings
+
+Component: **`SettingsPageContent`** (`components/pages.jsx`)
+
+### Sections (in this exact order)
+
+**1. Account**
+- `avatar-control` row: 64px circular avatar with initial, label + hint, "Ändern" primary, "Entfernen" danger-ghost.
+  - Upload: 512×512 max, WebP only, client-side crop, `POST /api/me/avatar`.
+- `row-stack` with 3 `Row` entries:
+  - Benutzername (editable — click to inline-edit, `PATCH /api/me { username }`, uniqueness check)
+  - Anzeigename (editable, `PATCH /api/me { displayName }`)
+  - User-ID (mono, read-only)
+
+**2. Aussehen**
+- Sprache: `SegmentedControl` Deutsch/English → `PATCH /api/me { locale }` and updates i18n context.
+- Theme: `SegmentedControl` ☀ Light / ☾ Dark → toggles dark mode globally. Wire to your theme provider; persist in localStorage + `PATCH /api/me { theme }`.
+
+**3. Datenschutz**
+- `Toggle` Lesebestätigungen (bidirectional — hint explains).
+- `Toggle` DMs von Fremden erlauben.
+
+**4. Sprache & Audio**
+- `SegmentedControl` Audio-Qualität: `Sprache` (default) vs `HiFi`.
+  - **Sprache**: 48 kbps Mono Opus, 48 kHz, DSP on (noise suppression + echo cancellation + auto-gain).
+  - **HiFi**: 510 kbps Stereo Opus, 48 kHz, DSP off.
+  - Hint text updates live with the mode.
+- Inline `stats-inline` box showing the 4 resolved parameters (Bitrate / Channels / Sample / DSP).
+- Divider.
+- `Toggle` Push-to-Talk. When enabled, an extra row appears: label "Hotkey" + `.key-capture` button showing the current key. Click → enters capture mode (pulsing animation), next keydown sets the key. Esc cancels.
+- Divider.
+- `Toggle` E2EE (default on). Hint: all participants must have it on.
+
+**5. Bildschirmfreigabe**
+- `SegmentedControl` Flüssig / Balanced / Scharf:
+  - Flüssig: 3 Mbps, 1280×720, 60 fps
+  - Balanced: 6 Mbps, 1920×1080, 30 fps (default)
+  - Scharf: 12 Mbps, 2560×1440, 30 fps
+- Inline `stats-inline` shows resolved params.
+
+**6. Geräte**
+- `device-card` (green-tinted): lock icon + "Dieses Gerät", followed by Row stack: Name, Plattform, Device-ID (mono).
+- `device-backup` card: password input + "Export erstellen" button → generates an encrypted JSON file containing the device's private key + room keys, downloaded client-side (never sent to server).
+
+**7. Danger Zone**
+- Single `btn-danger` "Abmelden" (full red button). Triggers sign-out + clears all local state.
+
+### SegmentedControl
+Inline group with 3px padding, transparent buttons, active button elevated with white bg (light) or elevated surface (dark) + shadow. 12px/500.
+
+### Toggle
+40×22 track, 16×16 thumb, 999 radius. Off: `bg-2` bg + `line` border. On: `accent` bg+border. Thumb translates 18px on. Full click target = entire row (via `<label>`).
+
+### State persistence
+Every setting writes to `PATCH /api/me/settings { [key]: value }` on change, with a debounced save (300ms for toggles is fine, immediate for segmented controls). Show a subtle top-right toast "Gespeichert" on success (not shown in this prototype).
+
+---
+
+## Screen 5: Calls (unchanged from previous scope)
+
+See previous sections — Incoming → Active Dock → Fullscreen Cinema → PiP flow with `callScreen` + `callMode` state machine, Esc key handling, Discord-style dock above messages.
+
+---
+
+## Shared Page Primitives
+
+All in `components/pages.jsx`. Re-use these across Friends/Admin/Settings; they define the aesthetic rhythm of the whole app.
+
+```jsx
+<PageHeader title="…" subtitle="…" actions={<button />} />
+<Section title="…" action={<button />}>…</Section>
+<Toggle label="…" hint="…" checked={} onChange={} />
+<SegmentedControl value={} onChange={} options={[{value, label}]} />
+<Row label="…" value="…" mono />           // key/value line in a stack
+<Stat label="…" value="…" />                // used inside stats-inline
+<Banner kind="error|success">…</Banner>
+<Empty icon={Icon.X}>…</Empty>              // for empty states
+<FlagChip active={} tone="danger" onToggle={}>Admin</FlagChip>
+<FriendRow profile={}>{actions}</FriendRow>
+```
+
+---
+
+## API Endpoints (used by pages)
+
+Friends:
+```
+GET    /api/friendships                  → { accepted, outgoing, incoming }
+POST   /api/friendships                  { targetUserId } → creates outgoing
+PATCH  /api/friendships/{id}             { accept: boolean }
+DELETE /api/friendships/{id}
+GET    /api/users/search?q=…             → up to 20 users (friendships excluded)
+```
+
+Admin:
+```
+GET    /api/admin/stats                  → { userCount, adminCount, bannedCount, activeInviteCount }
+GET    /api/admin/settings               → { invitesEnabled }
+PATCH  /api/admin/settings               { invitesEnabled }
+GET    /api/admin/invites                → Invite[]
+POST   /api/admin/invites                { code?, usesLimit?, expiresAt? } → Invite
+PATCH  /api/admin/invites/{code}         { disabled }
+DELETE /api/admin/invites/{code}
+GET    /api/admin/users                  → AdminUser[]
+PATCH  /api/admin/users/{userId}         { isAdmin? | blockedFromInviting? | banned? }
+```
+
+Settings / Me:
+```
+GET    /api/me                           → profile + settings
+PATCH  /api/me                           { username? | displayName? | locale? | theme? }
+PATCH  /api/me/settings                  { readReceipts? | allowDmsFromStrangers? | audioQuality? | ptt? | pttKey? | e2ee? | screenShareQuality? }
+POST   /api/me/avatar                    multipart → new avatar URL
+DELETE /api/me/avatar
+GET    /api/me/devices                   → Device[]
+POST   /api/me/devices/backup            { passphrase } → encrypted blob download
+POST   /api/auth/signout
+```
+
+Scope assumption: your codebase already has most of these (see `FriendshipsContext.tsx`, `AdminPage.tsx`, `SettingsPage.tsx`). Wire the new UI to the existing hooks — don't rebuild the data layer.
+
+---
+
+## Call State Machine (unchanged)
 
 ```js
-// Primary state
 const [callScreen, setCallScreen] = useState('none'); // 'none' | 'incoming' | 'active' | 'pip'
 const [callMode, setCallMode]     = useState('grid'); // 'grid' | 'focus' | 'fullscreen'
 const [focusedId, setFocusedId]   = useState(firstSharingOrSpeakerId);
 const [callState, setCallState]   = useState({ muted: false, sharing: false, video: false, duration });
 ```
 
-### Triggers & Transitions
-- Chat-header **phone icon** click → `setCallScreen('active')`, `callState.video = false`
-- Chat-header **video icon** click → `setCallScreen('active')`, `callState.video = true`
-- Grid tile click → `setFocusedId(id); setCallMode('focus')`
-- Focus/Grid/Fullscreen buttons in call topbar → set mode directly
-- Incoming "Annehmen" → `setCallScreen('active')`
-- Incoming "Ablehnen" → `setCallScreen('none')`
-- Hangup → `setCallScreen('none')`
-- PiP clicked → `setCallScreen('active')`
-- PiP hangup (circle red btn) → `stopPropagation()` + `setCallScreen('none')`
-- **Esc key** (global listener while `callScreen === 'active' && callMode === 'fullscreen'`) → `setCallMode('grid')`
-
-### Chat Header Visibility Rule
-```
-if (callScreen === 'active' && callMode !== 'fullscreen') → hide chat header
-else → show chat header
-```
-
-### Keyboard
-- `Esc` exits fullscreen (only). No other global keybindings.
-
----
-
-## State Management
-
-Data shapes to wire up (see `components/call.jsx`):
-
-```ts
-type Participant = {
-  id: string;
-  name: string;
-  initial: string;
-  color: 'violet' | 'amber' | 'rose' | 'teal';
-  speaking: boolean;
-  muted: boolean;
-  video: boolean;
-  sharing?: boolean;
-  me?: boolean;
-  e2ee: boolean;
-};
-
-type CallState = {
-  muted: boolean;
-  sharing: boolean;
-  video: boolean;
-  duration: string; // "HH:MM:SS"
-};
-```
-
-In production these all come from your real-time signaling layer (WebRTC, LiveKit, etc.). The prototype uses static data for layout purposes only — wire them to your call store.
-
----
-
-## Assets
-
-No custom imagery. Everything is SVG icons (inlined in `components/icons.jsx`) and CSS. Fonts from Google Fonts: `Inter`, `Outfit`.
-
-Icons used in this scope: Chat, Friends, Shield, Settings, Logo, AddUser, Search, Phone, Video, Plus, Smile, Mic, MicOff, Send, Sun, Moon, Monitor, Lock, Crown, Grid, Focus, Maximize, PhoneOff.
-
-Replace with your codebase's icon library if one exists (e.g. lucide-react, heroicons) — names match lucide conventions.
+Triggers, keyboard and visibility rules identical to previous spec.
 
 ---
 
 ## Implementation Checklist
 
-1. **Tokens**: add the Clean-variant light + dark CSS variables to your theme layer. If you already have a token system, map them to your existing names; otherwise create `--bg`, `--bg-2`, `--bg-3`, `--fg`, `--fg-muted`, `--line`, `--accent`, `--accent-fg`.
-2. **Icon rail + chat list + chat area**: refactor the current top-nav layout into the 3-column rail layout. Use your existing `Avatar`, `ChatItem`, `Message` components — only restyle.
-3. **Message bubbles**: outlined `them` / filled `me`, asymmetric radius, avatars only on last-of-run.
-4. **Call state machine**: add the four `useState` hooks to whatever component owns the chat screen. Hook the Esc key effect.
-5. **IncomingCallScreen**: new component, full-bleed overlay of `.chat-area`.
-6. **Call dock**: new component, renders above `.messages`. Hide chat-header while docked.
-7. **ParticipantTile**: audio / video / sharing modes, speaking ring, meta overlay.
-8. **Fullscreen mode**: switch call container to position absolute, floating strip + floating controls + Esc hint.
-9. **PiP**: minimizable widget bottom-right of chat area.
-10. **Wire real data**: replace `CALL_PARTICIPANTS` dummy with your live call-session participants.
-
----
-
-## Files in This Handoff
-
-```
-design_handoff_chatapp/
-├── README.md                    (this file)
-├── ChatApp Redesign.html        (entry — open in browser to see the prototype)
-├── components/
-│   ├── app.jsx                  (chat app + rail layout + call state machine)
-│   ├── call.jsx                 (Incoming / Active / Pip / ParticipantTile / CallControls)
-│   ├── icons.jsx                (all SVG icons)
-│   └── data.jsx                 (dummy chats, messages)
-├── styles/
-│   ├── base.css
-│   ├── variants.css             (Clean light + dark tokens — this is your theme)
-│   ├── rail.css                 (rail layout)
-│   └── call.css                 (all call UI — highest priority file)
-└── screenshots/
-    ├── 01-chat-light.png
-    ├── 03-chat-dark.png
-    ├── 04-incoming-dark.png
-    ├── 05-incall-grid-dark.png
-    ├── 06-incall-focus-dark.png
-    ├── 07-incall-fullscreen-dark.png
-    ├── 09-pip-dark.png
-    └── 11-incall-light.png
-```
+1. **Tokens**: add the Clean variant light + dark CSS variables to your theme layer.
+2. **Rail layout**: refactor top-nav to icon-rail + chat list + chat area (`.rail-layout`). Add `.rail-layout.page-mode` (2-column) for non-chat tabs.
+3. **Tab switching**: lift `activeTab` state. Conditionally render chat area vs page content.
+4. **Page primitives**: implement `PageHeader`, `Section`, `Toggle`, `SegmentedControl`, `Row`, `Stat`, `Banner`, `Empty`, `FlagChip`, `FriendRow` using your existing component library where possible.
+5. **FriendsPage**: wire to `FriendshipsContext` + user-search endpoint. Tabs + search + optimistic mutations.
+6. **AdminPage**: stats grid + system toggle + invites table (copy-to-clipboard, enable/disable, delete) + users list (flag chips with optimistic updates).
+7. **SettingsPage**: all 7 sections with two-way binding to user profile + settings. Debounced saves. Theme toggle wired to theme context.
+8. **Message bubbles + call UX** (already specified in previous scope — unchanged).
 
 ---
 
 ## Notes for Claude Code
 
-- The Clean Rail variant is **Variante 2** in the prototype's variant switcher — ignore the other 5 aesthetic variants (Playful, Y2K, Cyberpunk, Warm, Brutal), they were design exploration and not the chosen direction.
-- Prefer composition over copying raw CSS. If the codebase has a `Card`, `Button`, `Tooltip`, use them.
-- Duration ("00:12:47") should tick live from the call start timestamp, not be static.
-- For WebRTC/media handling: this package specifies **UI only**. The media/signaling layer is out of scope and already exists in the codebase (see `CallUI.tsx`, `InCallPanel.tsx`).
+- The Clean Rail variant is **Variante 2** in the prototype's variant switcher — ignore the other 5 aesthetic variants (Playful, Y2K, Cyberpunk, Warm, Brutal).
+- `components/pages.jsx` uses **dummy data** for display. Replace with your live contexts (`FriendshipsContext`, admin API hooks, user/settings hooks).
+- Prefer composition over copying raw CSS. If the codebase has a `Card`, `Button`, `Toggle`, use them.
+- Keep German copy as-is — it matches the existing product. English translations via i18n are a separate task.
+- The `.rail-layout.page-mode` grid override is inlined in the HTML in this prototype. Move it to your main stylesheet.
+- All settings that affect media (audio quality, PTT, E2EE, screen-share quality) must be read at **call-start time** by the existing call code — they do not hot-apply to an active call.
diff --git a/design_handoff_chatapp/components/app.jsx b/design_handoff_chatapp/components/app.jsx
index ef8c1ef..1b42ae5 100644
--- a/design_handoff_chatapp/components/app.jsx
+++ b/design_handoff_chatapp/components/app.jsx
@@ -188,7 +188,7 @@ const ChatApp = ({ variant, showCall, showProfile, isDark, onToggleDark }) => {
 
         <div className="app-body">
           {variant.layout === 'rail' ? (
-            <div className="rail-layout">
+            <div className={`rail-layout ${activeTab !== 'chats' ? 'page-mode' : ''}`}>
               {/* Icon rail left */}
               <div className="icon-rail">
                 <div className="rail-brand" title="Netralax"><Icon.Logo /></div>
@@ -213,7 +213,8 @@ const ChatApp = ({ variant, showCall, showProfile, isDark, onToggleDark }) => {
                   {isDark ? <Icon.Sun /> : <Icon.Moon />}
                 </button>
               </div>
-              {/* Chatlist + user profile at bottom */}
+              {/* Chatlist + user profile at bottom — only on chats tab */}
+              {activeTab === 'chats' && (
               <div className="chat-list rail-chatlist">
                 <div className="chat-list-header">
                   <div className="chat-list-title">Chats</div>
@@ -235,8 +236,13 @@ const ChatApp = ({ variant, showCall, showProfile, isDark, onToggleDark }) => {
                   <button className="icon-btn" title="Einstellungen"><Icon.Settings /></button>
                 </div>
               </div>
-              {/* Chat area (unchanged below) */}
-              <div className="chat-area">
+              )}
+              {/* Chat area OR page content */}
+              <div className={`chat-area ${activeTab !== 'chats' ? 'has-page' : ''}`}>
+                {activeTab === 'friends' && <FriendsPageContent />}
+                {activeTab === 'admin' && <AdminPageContent />}
+                {activeTab === 'settings' && <SettingsPageContent isDark={isDark} onToggleDark={onToggleDark} />}
+                {activeTab === 'chats' && <>
                 {!(callScreen === 'active' && callMode !== 'fullscreen') && (
                 <div className="chat-header">
                   <Avatar chat={activeChat} />
@@ -290,6 +296,7 @@ const ChatApp = ({ variant, showCall, showProfile, isDark, onToggleDark }) => {
                   </div>
                   <button className="composer-btn"><Icon.Send /></button>
                 </div>
+                </>}
               </div>
             </div>
           ) : (
@@ -329,6 +336,10 @@ const ChatApp = ({ variant, showCall, showProfile, isDark, onToggleDark }) => {
           </div>
 
           <div className="main-area">
+            {activeTab === 'friends' && <div className="chat-area has-page" style={{width: '100%'}}><FriendsPageContent /></div>}
+            {activeTab === 'admin' && <div className="chat-area has-page" style={{width: '100%'}}><AdminPageContent /></div>}
+            {activeTab === 'settings' && <div className="chat-area has-page" style={{width: '100%'}}><SettingsPageContent isDark={isDark} onToggleDark={onToggleDark} /></div>}
+            {activeTab === 'chats' && <>
             <div className="chat-list">
               <div className="chat-list-header">
                 <div className="chat-list-title">Chats</div>
@@ -382,13 +393,14 @@ const ChatApp = ({ variant, showCall, showProfile, isDark, onToggleDark }) => {
                 <button className="composer-btn"><Icon.Send /></button>
               </div>
             </div>
+            </>}
           </div>
             </>
           )}
         </div>
 
-        {/* Call screen switcher — only in Clean Rail */}
-        {variant.layout === 'rail' && (
+        {/* Call screen switcher — only in Clean Rail, only on chats tab */}
+        {variant.layout === 'rail' && activeTab === 'chats' && (
           <div className="screen-switcher">
             <button className={callScreen === 'none' ? 'active' : ''} onClick={() => setCallScreen('none')}>Chat</button>
             <button className={callScreen === 'incoming' ? 'active' : ''} onClick={() => setCallScreen('incoming')}>Incoming</button>
diff --git a/design_handoff_chatapp/components/icons.jsx b/design_handoff_chatapp/components/icons.jsx
index d9cc71a..552c0dc 100644
--- a/design_handoff_chatapp/components/icons.jsx
+++ b/design_handoff_chatapp/components/icons.jsx
@@ -82,6 +82,18 @@ const Icon = {
   Minimize: () => (
     <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M4 14h6v6M20 10h-6V4M14 10l7-7M3 21l7-7"/></svg>
   ),
+  Copy: () => (
+    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
+  ),
+  Trash: () => (
+    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"><polyline points="3 6 5 6 21 6"/><path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg>
+  ),
+  Alert: () => (
+    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
+  ),
+  Check: () => (
+    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.4" strokeLinecap="round" strokeLinejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
+  ),
 };
 
 Object.assign(window, { Icon });
diff --git a/design_handoff_chatapp/components/pages.jsx b/design_handoff_chatapp/components/pages.jsx
new file mode 100644
index 0000000..71dfd5d
--- /dev/null
+++ b/design_handoff_chatapp/components/pages.jsx
@@ -0,0 +1,591 @@
+// Freunde / Admin / Settings pages — Clean Rail aesthetic
+
+// ===================================================================
+// SHARED PRIMITIVES
+// ===================================================================
+
+const PageHeader = ({ title, subtitle, actions }) => (
+  <div className="page-header">
+    <div>
+      <h1 className="page-title">{title}</h1>
+      {subtitle && <p className="page-subtitle">{subtitle}</p>}
+    </div>
+    {actions && <div className="page-header-actions">{actions}</div>}
+  </div>
+);
+
+const Section = ({ title, children, action }) => (
+  <section className="page-section">
+    <div className="page-section-header">
+      <h2 className="page-section-title">{title}</h2>
+      {action}
+    </div>
+    <div className="page-section-body">{children}</div>
+  </section>
+);
+
+const Toggle = ({ checked, onChange, label, hint, disabled }) => (
+  <label className={`toggle-row ${disabled ? 'disabled' : ''}`}>
+    <div className="toggle-copy">
+      <div className="toggle-label">{label}</div>
+      {hint && <div className="toggle-hint">{hint}</div>}
+    </div>
+    <span className={`toggle-switch ${checked ? 'on' : ''}`} onClick={() => !disabled && onChange(!checked)}>
+      <span className="toggle-thumb"></span>
+    </span>
+  </label>
+);
+
+const SegmentedControl = ({ options, value, onChange }) => (
+  <div className="segmented">
+    {options.map(opt => (
+      <button
+        key={opt.value}
+        className={`seg-btn ${value === opt.value ? 'active' : ''}`}
+        onClick={() => onChange(opt.value)}
+      >
+        {opt.label}
+      </button>
+    ))}
+  </div>
+);
+
+const Row = ({ label, value, mono }) => (
+  <div className="row-kv">
+    <span className="row-label">{label}</span>
+    <span className={`row-value ${mono ? 'mono' : ''}`}>{value}</span>
+  </div>
+);
+
+const Stat = ({ label, value }) => (
+  <div className="stat">
+    <div className="stat-label">{label}</div>
+    <div className="stat-value">{value}</div>
+  </div>
+);
+
+const Banner = ({ kind = 'info', children }) => (
+  <div className={`banner ${kind}`}>
+    {kind === 'error' && <Icon.Alert />}
+    {kind === 'success' && <Icon.Check />}
+    <span>{children}</span>
+  </div>
+);
+
+const Empty = ({ icon: IconComp = Icon.Friends, children }) => (
+  <div className="empty-state">
+    <div className="empty-icon"><IconComp /></div>
+    <p>{children}</p>
+  </div>
+);
+
+// ===================================================================
+// FRIENDS PAGE
+// ===================================================================
+
+const FRIENDS_DATA = [
+  { id: 'max', userId: 'max', displayName: 'Max', username: 'maxx', initial: 'M', color: 'teal', status: 'accepted', direction: null, presence: 'online' },
+  { id: 'lena', userId: 'lena', displayName: 'Lena', username: 'lena_k', initial: 'L', color: 'amber', status: 'accepted', direction: null, presence: 'online' },
+  { id: 'tom', userId: 'tom', displayName: 'Tom', username: 'tomtom', initial: 'T', color: 'violet', status: 'accepted', direction: null, presence: 'idle' },
+  { id: 'nico', userId: 'nico', displayName: 'nico', username: 'niklas', initial: 'N', color: 'teal', status: 'accepted', direction: null, presence: 'offline' },
+  { id: 'julia', userId: 'julia', displayName: 'Julia', username: 'jul', initial: 'J', color: 'rose', status: 'accepted', direction: null, presence: 'dnd' },
+  { id: 'ben', userId: 'ben', displayName: 'Ben', username: 'benny', initial: 'B', color: 'amber', status: 'pending', direction: 'outgoing' },
+  { id: 'anna', userId: 'anna', displayName: 'Anna', username: 'anna_m', initial: 'A', color: 'violet', status: 'pending', direction: 'outgoing' },
+  { id: 'kai', userId: 'kai', displayName: 'Kai', username: 'kaiser', initial: 'K', color: 'teal', status: 'pending', direction: 'incoming' },
+  { id: 'sara', userId: 'sara', displayName: 'Sara', username: 'sari', initial: 'S', color: 'rose', status: 'pending', direction: 'incoming' },
+];
+
+const SEARCH_RESULTS = [
+  { id: 'felix', userId: 'felix', displayName: 'Felix', username: 'felix_x', initial: 'F', color: 'violet' },
+  { id: 'mia', userId: 'mia', displayName: 'Mia', username: 'mia_w', initial: 'M', color: 'amber' },
+  { id: 'paul', userId: 'paul', displayName: 'Paul', username: 'paulk', initial: 'P', color: 'teal' },
+];
+
+const FriendRow = ({ profile, children }) => (
+  <div className="friend-row">
+    <Avatar chat={{initial: profile.initial, color: profile.color, presence: profile.presence}} />
+    <div className="friend-body">
+      <div className="friend-name">{profile.displayName}</div>
+      <div className="friend-handle">@{profile.username}</div>
+    </div>
+    <div className="friend-actions">{children}</div>
+  </div>
+);
+
+const FriendsPageContent = () => {
+  const [tab, setTab] = React.useState('friends');
+  const [query, setQuery] = React.useState('');
+
+  const accepted = FRIENDS_DATA.filter(f => f.status === 'accepted');
+  const outgoing = FRIENDS_DATA.filter(f => f.status === 'pending' && f.direction === 'outgoing');
+  const incoming = FRIENDS_DATA.filter(f => f.status === 'pending' && f.direction === 'incoming');
+
+  const showSearch = query.trim().length >= 2;
+
+  const tabs = [
+    { key: 'friends', label: 'Freunde', count: accepted.length },
+    { key: 'pending', label: 'Ausgehend', count: outgoing.length },
+    { key: 'requests', label: 'Anfragen', count: incoming.length, highlight: incoming.length > 0 },
+  ];
+
+  const currentList = tab === 'friends' ? accepted : tab === 'pending' ? outgoing : incoming;
+
+  return (
+    <div className="page-scroll">
+      <div className="page-inner friends-page">
+        <PageHeader title="Freunde" subtitle={`${accepted.length} Freunde · ${incoming.length} offene Anfragen`} />
+
+        <div className="search-wrap">
+          <Icon.Search />
+          <input
+            type="search"
+            placeholder="Benutzer suchen oder hinzufügen…"
+            value={query}
+            onChange={e => setQuery(e.target.value)}
+          />
+        </div>
+
+        {showSearch && (
+          <div className="page-section">
+            <div className="page-section-header">
+              <h2 className="page-section-title">Suchergebnisse</h2>
+            </div>
+            <div className="friend-list">
+              {SEARCH_RESULTS.filter(r =>
+                r.displayName.toLowerCase().includes(query.toLowerCase()) ||
+                r.username.toLowerCase().includes(query.toLowerCase())
+              ).map(p => (
+                <FriendRow key={p.id} profile={p}>
+                  <button className="btn btn-primary">
+                    <Icon.AddUser /> Anfrage senden
+                  </button>
+                </FriendRow>
+              ))}
+              {SEARCH_RESULTS.filter(r =>
+                r.displayName.toLowerCase().includes(query.toLowerCase()) ||
+                r.username.toLowerCase().includes(query.toLowerCase())
+              ).length === 0 && (
+                <Empty icon={Icon.Search}>Keine Ergebnisse für „{query}"</Empty>
+              )}
+            </div>
+          </div>
+        )}
+
+        {!showSearch && (
+          <>
+            <div className="tab-row">
+              {tabs.map(t => (
+                <button
+                  key={t.key}
+                  className={`tab-btn ${tab === t.key ? 'active' : ''}`}
+                  onClick={() => setTab(t.key)}
+                >
+                  {t.label}
+                  <span className={`tab-count ${t.highlight ? 'highlight' : ''}`}>{t.count}</span>
+                </button>
+              ))}
+            </div>
+
+            <div className="friend-list">
+              {currentList.length === 0 && (
+                <Empty>
+                  {tab === 'friends' && 'Noch keine Freunde. Suche oben nach Benutzern um anzufangen.'}
+                  {tab === 'pending' && 'Keine ausgehenden Anfragen.'}
+                  {tab === 'requests' && 'Keine eingehenden Anfragen.'}
+                </Empty>
+              )}
+              {currentList.map(f => (
+                <FriendRow key={f.id} profile={f}>
+                  {tab === 'friends' && (
+                    <>
+                      <button className="btn btn-primary">
+                        <Icon.Chat /> Nachricht
+                      </button>
+                      <button className="btn btn-ghost" title="Voice"><Icon.Phone /></button>
+                      <button className="btn btn-danger-ghost">Entfernen</button>
+                    </>
+                  )}
+                  {tab === 'pending' && (
+                    <>
+                      <span className="pending-label">Wartet auf Antwort…</span>
+                      <button className="btn btn-ghost">Abbrechen</button>
+                    </>
+                  )}
+                  {tab === 'requests' && (
+                    <>
+                      <button className="btn btn-primary">
+                        <Icon.Check /> Annehmen
+                      </button>
+                      <button className="btn btn-ghost">Ablehnen</button>
+                    </>
+                  )}
+                </FriendRow>
+              ))}
+            </div>
+          </>
+        )}
+      </div>
+    </div>
+  );
+};
+
+// ===================================================================
+// ADMIN PAGE
+// ===================================================================
+
+const INVITES_DATA = [
+  { code: 'SQUAD-2k26', usesCount: 3, usesLimit: 10, expiresAt: '2026-05-01', disabled: false },
+  { code: 'FRIENDS-OF-DENNIS', usesCount: 1, usesLimit: null, expiresAt: null, disabled: false },
+  { code: 'BETA-ROUND-1', usesCount: 12, usesLimit: 12, expiresAt: null, disabled: false },
+  { code: 'OLD-UNUSED', usesCount: 0, usesLimit: 5, expiresAt: '2026-03-01', disabled: true },
+];
+
+const USERS_DATA = [
+  { userId: 'dennis', displayName: 'dennis', username: 'dennis', initial: 'D', color: 'teal', isAdmin: true, blockedFromInviting: false, banned: false, joinedAt: '14. Mär 2026' },
+  { userId: 'max', displayName: 'Max', username: 'maxx', initial: 'M', color: 'teal', isAdmin: false, blockedFromInviting: false, banned: false, joinedAt: '16. Mär 2026' },
+  { userId: 'lena', displayName: 'Lena', username: 'lena_k', initial: 'L', color: 'amber', isAdmin: false, blockedFromInviting: false, banned: false, joinedAt: '02. Apr 2026' },
+  { userId: 'tom', displayName: 'Tom', username: 'tomtom', initial: 'T', color: 'violet', isAdmin: false, blockedFromInviting: true, banned: false, joinedAt: '08. Apr 2026' },
+  { userId: 'spam', displayName: 'spam_user_42', username: 'spam42', initial: 'S', color: 'rose', isAdmin: false, blockedFromInviting: false, banned: true, joinedAt: '11. Apr 2026' },
+];
+
+const FlagChip = ({ active, tone, onToggle, children }) => (
+  <button
+    className={`flag-chip ${active ? 'active' : ''} ${tone === 'danger' ? 'danger' : ''}`}
+    onClick={() => onToggle(!active)}
+  >
+    {children}
+  </button>
+);
+
+const AdminPageContent = () => {
+  const [invitesEnabled, setInvitesEnabled] = React.useState(true);
+  const [invites, setInvites] = React.useState(INVITES_DATA);
+  const [users, setUsers] = React.useState(USERS_DATA);
+  const [copiedCode, setCopiedCode] = React.useState(null);
+
+  const handleCopy = (code) => {
+    setCopiedCode(code);
+    setTimeout(() => setCopiedCode(null), 1400);
+  };
+
+  const toggleUserFlag = (userId, flag) => {
+    setUsers(us => us.map(u => u.userId === userId ? {...u, [flag]: !u[flag]} : u));
+  };
+
+  const toggleInvite = (code) => {
+    setInvites(is => is.map(i => i.code === code ? {...i, disabled: !i.disabled} : i));
+  };
+
+  const deleteInvite = (code) => {
+    setInvites(is => is.filter(i => i.code !== code));
+  };
+
+  return (
+    <div className="page-scroll">
+      <div className="page-inner admin-page">
+        <PageHeader
+          title="Admin"
+          subtitle={`${users.length} User · ${invites.filter(i => !i.disabled).length} aktive Invites`}
+        />
+
+        <div className="stats-grid">
+          <div className="stat-card">
+            <div className="stat-card-label">Gesamt User</div>
+            <div className="stat-card-value">{users.length}</div>
+          </div>
+          <div className="stat-card">
+            <div className="stat-card-label">Admins</div>
+            <div className="stat-card-value">{users.filter(u => u.isAdmin).length}</div>
+          </div>
+          <div className="stat-card">
+            <div className="stat-card-label">Gebannt</div>
+            <div className="stat-card-value danger">{users.filter(u => u.banned).length}</div>
+          </div>
+          <div className="stat-card">
+            <div className="stat-card-label">Aktive Invites</div>
+            <div className="stat-card-value">{invites.filter(i => !i.disabled).length}</div>
+          </div>
+        </div>
+
+        <Section title="System">
+          <Toggle
+            label="Invites aktiviert"
+            hint="Wenn aus, können keine neuen User per Invite-Code beitreten."
+            checked={invitesEnabled}
+            onChange={setInvitesEnabled}
+          />
+        </Section>
+
+        <Section
+          title="Invite-Codes"
+          action={
+            <button className="btn btn-primary">
+              <Icon.Plus /> Neuer Code
+            </button>
+          }
+        >
+          <div className="table-wrap">
+            <table className="admin-table">
+              <thead>
+                <tr>
+                  <th>Code</th>
+                  <th>Nutzungen</th>
+                  <th>Ablauf</th>
+                  <th>Status</th>
+                  <th></th>
+                </tr>
+              </thead>
+              <tbody>
+                {invites.map(inv => {
+                  const expired = inv.expiresAt && new Date(inv.expiresAt) < new Date('2026-04-19');
+                  const status = inv.disabled ? 'disabled' : expired ? 'expired' : 'active';
+                  const usesText = inv.usesLimit ? `${inv.usesCount}/${inv.usesLimit}` : `${inv.usesCount}/∞`;
+                  return (
+                    <tr key={inv.code}>
+                      <td className="mono">{inv.code}</td>
+                      <td className="muted">{usesText}</td>
+                      <td className="muted">{inv.expiresAt || 'nie'}</td>
+                      <td><span className={`status-pill ${status}`}>{status === 'active' ? 'Aktiv' : status === 'expired' ? 'Abgelaufen' : 'Deaktiviert'}</span></td>
+                      <td>
+                        <div className="row-actions">
+                          <button className="icon-btn sm" title={copiedCode === inv.code ? 'Kopiert!' : 'Kopieren'} onClick={() => handleCopy(inv.code)}>
+                            {copiedCode === inv.code ? <Icon.Check /> : <Icon.Copy />}
+                          </button>
+                          <button className="btn btn-xs btn-ghost" onClick={() => toggleInvite(inv.code)}>
+                            {inv.disabled ? 'Aktivieren' : 'Deaktivieren'}
+                          </button>
+                          <button className="icon-btn sm danger" title="Löschen" onClick={() => deleteInvite(inv.code)}>
+                            <Icon.Trash />
+                          </button>
+                        </div>
+                      </td>
+                    </tr>
+                  );
+                })}
+              </tbody>
+            </table>
+          </div>
+        </Section>
+
+        <Section title="Benutzer">
+          <div className="user-admin-list">
+            {users.map(u => (
+              <div key={u.userId} className="user-admin-row">
+                <Avatar chat={{initial: u.initial, color: u.color}} />
+                <div className="user-admin-body">
+                  <div className="user-admin-name">
+                    {u.displayName}
+                    {u.isAdmin && <span className="admin-badge"><Icon.Crown /> Admin</span>}
+                  </div>
+                  <div className="user-admin-meta">@{u.username} · beigetreten {u.joinedAt}</div>
+                </div>
+                <div className="user-admin-flags">
+                  <FlagChip active={u.isAdmin} onToggle={() => toggleUserFlag(u.userId, 'isAdmin')}>Admin</FlagChip>
+                  <FlagChip active={u.blockedFromInviting} onToggle={() => toggleUserFlag(u.userId, 'blockedFromInviting')}>Invite-Block</FlagChip>
+                  <FlagChip active={u.banned} tone="danger" onToggle={() => toggleUserFlag(u.userId, 'banned')}>Bann</FlagChip>
+                </div>
+              </div>
+            ))}
+          </div>
+        </Section>
+      </div>
+    </div>
+  );
+};
+
+// ===================================================================
+// SETTINGS PAGE
+// ===================================================================
+
+const SettingsPageContent = ({ isDark, onToggleDark }) => {
+  const [language, setLanguage] = React.useState('de');
+  const [readReceipts, setReadReceipts] = React.useState(true);
+  const [allowDms, setAllowDms] = React.useState(true);
+  const [audioQuality, setAudioQuality] = React.useState('voice');
+  const [ptt, setPtt] = React.useState(false);
+  const [pttKey, setPttKey] = React.useState('Space');
+  const [capturingKey, setCapturingKey] = React.useState(false);
+  const [e2ee, setE2ee] = React.useState(true);
+  const [screenShareQuality, setScreenShareQuality] = React.useState('balanced');
+
+  const audioParams = audioQuality === 'hifi'
+    ? { bitrate: '510 kbps', channels: 'Stereo', sample: '48 kHz', dsp: 'Off' }
+    : { bitrate: '48 kbps', channels: 'Mono', sample: '48 kHz', dsp: 'On' };
+
+  const screenParams = {
+    smooth:   { bitrate: '3 Mbps', resolution: '1280×720', framerate: '60 fps' },
+    balanced: { bitrate: '6 Mbps', resolution: '1920×1080', framerate: '30 fps' },
+    crisp:    { bitrate: '12 Mbps', resolution: '2560×1440', framerate: '30 fps' },
+  }[screenShareQuality];
+
+  return (
+    <div className="page-scroll">
+      <div className="page-inner settings-page">
+        <PageHeader title="Einstellungen" />
+
+        <Section title="Account">
+          <div className="avatar-control">
+            <div className="avatar-large" data-color="teal">D</div>
+            <div className="avatar-copy">
+              <div className="avatar-label">Avatar</div>
+              <div className="avatar-hint">Quadratisch, max 512×512, WebP. Sichtbar für deine Freunde.</div>
+            </div>
+            <button className="btn btn-primary">Ändern</button>
+            <button className="btn btn-danger-ghost">Entfernen</button>
+          </div>
+          <div className="row-stack">
+            <Row label="Benutzername" value="dennis" />
+            <Row label="Anzeigename" value="dennis" />
+            <Row label="User-ID" value="b4f2-a912-c7e8-d091" mono />
+          </div>
+        </Section>
+
+        <Section title="Aussehen">
+          <div className="toggle-row">
+            <div className="toggle-copy">
+              <div className="toggle-label">Sprache</div>
+              <div className="toggle-hint">Sprache der App-Oberfläche</div>
+            </div>
+            <SegmentedControl
+              value={language}
+              onChange={setLanguage}
+              options={[{value: 'de', label: 'Deutsch'}, {value: 'en', label: 'English'}]}
+            />
+          </div>
+          <div className="toggle-row">
+            <div className="toggle-copy">
+              <div className="toggle-label">Theme</div>
+              <div className="toggle-hint">Dark Mode ist dezenter für späte Gaming-Sessions.</div>
+            </div>
+            <SegmentedControl
+              value={isDark ? 'dark' : 'light'}
+              onChange={v => { if ((v === 'dark') !== isDark) onToggleDark(); }}
+              options={[{value: 'light', label: '☀ Light'}, {value: 'dark', label: '☾ Dark'}]}
+            />
+          </div>
+        </Section>
+
+        <Section title="Datenschutz">
+          <Toggle
+            label="Lesebestätigungen anzeigen"
+            hint="Freunde sehen wann du ihre Nachrichten gelesen hast. Beidseitig — du siehst dann auch ihre."
+            checked={readReceipts}
+            onChange={setReadReceipts}
+          />
+          <Toggle
+            label="DMs von Fremden erlauben"
+            hint="Erlaubt Direktnachrichten von Usern mit denen du (noch) nicht befreundet bist."
+            checked={allowDms}
+            onChange={setAllowDms}
+          />
+        </Section>
+
+        <Section title="Sprache & Audio">
+          <div className="toggle-row">
+            <div className="toggle-copy">
+              <div className="toggle-label">Audio-Qualität</div>
+              <div className="toggle-hint">
+                {audioQuality === 'hifi'
+                  ? 'Stereo 510 kbps Opus ohne Noise-Suppression — bester Musik/Broadcast-Sound.'
+                  : 'Mono 48 kbps mit Noise-Suppression, Echo-Cancellation und Auto-Gain — optimiert für Sprache.'}
+              </div>
+            </div>
+            <SegmentedControl
+              value={audioQuality}
+              onChange={setAudioQuality}
+              options={[{value: 'voice', label: 'Sprache'}, {value: 'hifi', label: 'HiFi'}]}
+            />
+          </div>
+          <div className="stats-inline">
+            <Stat label="Bitrate" value={audioParams.bitrate} />
+            <Stat label="Channels" value={audioParams.channels} />
+            <Stat label="Sample" value={audioParams.sample} />
+            <Stat label="DSP" value={audioParams.dsp} />
+          </div>
+          <div className="divider"></div>
+          <Toggle
+            label="Push-to-Talk"
+            hint="Mic bleibt stumm bis die Taste gedrückt wird. Überschreibt den Mute-Button."
+            checked={ptt}
+            onChange={setPtt}
+          />
+          {ptt && (
+            <div className="toggle-row">
+              <div className="toggle-copy">
+                <div className="toggle-label">Hotkey</div>
+                <div className="toggle-hint">Klick zum Ändern. Esc zum Abbrechen.</div>
+              </div>
+              <button
+                className={`key-capture ${capturingKey ? 'active' : ''}`}
+                onClick={() => setCapturingKey(!capturingKey)}
+              >
+                {capturingKey ? 'Taste drücken…' : pttKey}
+              </button>
+            </div>
+          )}
+          <div className="divider"></div>
+          <Toggle
+            label="Ende-zu-Ende-Verschlüsselung für Calls"
+            hint="Audio + Video werden vor dem Upload verschlüsselt. Der Server sieht nur Ciphertext. Alle Teilnehmer müssen die Option aktiv haben."
+            checked={e2ee}
+            onChange={setE2ee}
+          />
+        </Section>
+
+        <Section title="Bildschirmfreigabe">
+          <div className="toggle-row">
+            <div className="toggle-copy">
+              <div className="toggle-label">Qualität</div>
+              <div className="toggle-hint">
+                WebRTC passt Bitrate + Auflösung dynamisch an die Netzwerkqualität an. Die Werte sind Obergrenzen.
+              </div>
+            </div>
+            <SegmentedControl
+              value={screenShareQuality}
+              onChange={setScreenShareQuality}
+              options={[
+                {value: 'smooth', label: 'Flüssig'},
+                {value: 'balanced', label: 'Balanced'},
+                {value: 'crisp', label: 'Scharf'},
+              ]}
+            />
+          </div>
+          <div className="stats-inline">
+            <Stat label="Bitrate (max)" value={screenParams.bitrate} />
+            <Stat label="Resolution" value={screenParams.resolution} />
+            <Stat label="Framerate" value={screenParams.framerate} />
+          </div>
+        </Section>
+
+        <Section title="Geräte">
+          <div className="device-card">
+            <div className="device-card-title">
+              <Icon.Lock /> Dieses Gerät
+            </div>
+            <div className="row-stack" style={{marginTop: 10}}>
+              <Row label="Name" value="Dennis' MacBook Pro" />
+              <Row label="Plattform" value="macOS 14 · Desktop" />
+              <Row label="Device-ID" value="dev_01JC4NKT7XYZ" mono />
+            </div>
+          </div>
+          <div className="device-backup">
+            <div className="toggle-label">Geräteschlüssel-Backup</div>
+            <div className="toggle-hint" style={{marginTop: 4}}>
+              Sichere deinen privaten Schlüssel passwortgeschützt, damit du auf neuen Geräten alte Nachrichten weiter lesen kannst.
+            </div>
+            <div className="backup-row">
+              <input type="password" placeholder="Passphrase (min 8 Zeichen)" />
+              <button className="btn btn-primary">Export erstellen</button>
+            </div>
+          </div>
+        </Section>
+
+        <Section title="Danger Zone">
+          <button className="btn btn-danger">Abmelden</button>
+        </Section>
+      </div>
+    </div>
+  );
+};
+
+Object.assign(window, { FriendsPageContent, AdminPageContent, SettingsPageContent });
diff --git a/design_handoff_chatapp/screenshots/12-friends-light.png b/design_handoff_chatapp/screenshots/12-friends-light.png
new file mode 100644
index 0000000000000000000000000000000000000000..a85208541e7add664ec2d151dfe5fd4eac162203
GIT binary patch
literal 33333
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
Ok1}AXdi_~r;(q~Gx1@Xk

literal 0
HcmV?d00001

diff --git a/design_handoff_chatapp/screenshots/13-admin-light.png b/design_handoff_chatapp/screenshots/13-admin-light.png
new file mode 100644
index 0000000000000000000000000000000000000000..5c4431a8137f4815579c4def2d56c6cf60a009dc
GIT binary patch
literal 38080
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
E0pxzipa1{>

literal 0
HcmV?d00001

diff --git a/design_handoff_chatapp/screenshots/14-settings-light.png b/design_handoff_chatapp/screenshots/14-settings-light.png
new file mode 100644
index 0000000000000000000000000000000000000000..488e70a69010dbf30d0b81ac522de8979ab60f61
GIT binary patch
literal 39481
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

literal 0
HcmV?d00001

diff --git a/design_handoff_chatapp/screenshots/15-friends-dark.png b/design_handoff_chatapp/screenshots/15-friends-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..0e4ebaf63f9f33083d3d4cb10354def2632e7cab
GIT binary patch
literal 32178
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

literal 0
HcmV?d00001

diff --git a/design_handoff_chatapp/screenshots/16-admin-dark.png b/design_handoff_chatapp/screenshots/16-admin-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..9aa9ab552225319eed7e0795d78aced1ad765483
GIT binary patch
literal 36952
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

literal 0
HcmV?d00001

diff --git a/design_handoff_chatapp/screenshots/17-settings-dark.png b/design_handoff_chatapp/screenshots/17-settings-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..a07a041c640d000a0e0bf66894ae1f7d3d05cae0
GIT binary patch
literal 38113
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%0DJ-<O-wr
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
a>*4?1{x1MVp%ar3o^$)Rhm-oH|6c)nH+Lfd

literal 0
HcmV?d00001

diff --git a/design_handoff_chatapp/styles/pages.css b/design_handoff_chatapp/styles/pages.css
new file mode 100644
index 0000000..26934a8
--- /dev/null
+++ b/design_handoff_chatapp/styles/pages.css
@@ -0,0 +1,651 @@
+/* ============================================================
+   PAGES — Friends / Admin / Settings (Clean Rail aesthetic)
+   ============================================================ */
+
+.page-scroll {
+  flex: 1;
+  overflow-y: auto;
+  background: var(--bg);
+}
+
+.page-inner {
+  max-width: 820px;
+  margin: 0 auto;
+  padding: 28px 32px 64px;
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+
+.page-header {
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+  gap: 16px;
+  padding-bottom: 4px;
+}
+.page-title {
+  font-family: 'Outfit', 'Inter', sans-serif;
+  font-size: 28px;
+  font-weight: 700;
+  letter-spacing: -0.02em;
+  color: var(--fg);
+  margin: 0;
+}
+.page-subtitle {
+  font-size: 13px;
+  color: var(--fg-muted);
+  margin: 6px 0 0;
+}
+.page-header-actions { display: flex; gap: 8px; }
+
+/* ------------- Section ------------- */
+.page-section {
+  background: var(--bg-3);
+  border: 1px solid var(--line);
+  border-radius: 16px;
+  overflow: hidden;
+}
+.page-section-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 20px;
+  border-bottom: 1px solid var(--line);
+}
+.page-section-title {
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--fg-muted);
+  margin: 0;
+}
+.page-section-body {
+  padding: 16px 20px;
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+}
+
+/* ------------- Toggle Row ------------- */
+.toggle-row {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 20px;
+  cursor: pointer;
+}
+.toggle-row.disabled { opacity: 0.5; cursor: not-allowed; }
+.toggle-copy { flex: 1; min-width: 0; }
+.toggle-label {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--fg);
+  line-height: 1.3;
+}
+.toggle-hint {
+  font-size: 12px;
+  color: var(--fg-muted);
+  margin-top: 4px;
+  line-height: 1.5;
+}
+.toggle-switch {
+  position: relative;
+  display: inline-block;
+  width: 40px;
+  height: 22px;
+  background: var(--bg-2);
+  border: 1px solid var(--line);
+  border-radius: 999px;
+  flex-shrink: 0;
+  transition: all 0.2s;
+  cursor: pointer;
+}
+.toggle-switch.on {
+  background: var(--accent);
+  border-color: var(--accent);
+}
+.toggle-thumb {
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 16px;
+  height: 16px;
+  background: #fff;
+  border-radius: 50%;
+  transition: transform 0.2s;
+  box-shadow: 0 1px 3px rgba(0,0,0,0.15);
+}
+.toggle-switch.on .toggle-thumb { transform: translateX(18px); }
+
+/* ------------- Segmented ------------- */
+.segmented {
+  display: inline-flex;
+  background: var(--bg-2);
+  border: 1px solid var(--line);
+  border-radius: 10px;
+  padding: 3px;
+  flex-shrink: 0;
+}
+.seg-btn {
+  background: transparent;
+  border: none;
+  padding: 6px 12px;
+  border-radius: 7px;
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--fg-muted);
+  cursor: pointer;
+  transition: all 0.15s;
+  font-family: inherit;
+}
+.seg-btn:hover { color: var(--fg); }
+.seg-btn.active {
+  background: var(--bg-3);
+  color: var(--fg);
+  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
+}
+.variant-clean.dark .seg-btn.active { box-shadow: 0 1px 3px rgba(0,0,0,0.3); }
+
+/* ------------- Row KV ------------- */
+.row-stack { display: flex; flex-direction: column; gap: 10px; }
+.row-kv {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 16px;
+  padding: 8px 0;
+  border-bottom: 1px solid var(--line);
+}
+.row-kv:last-child { border-bottom: none; }
+.row-label { font-size: 13px; color: var(--fg-muted); }
+.row-value { font-size: 13px; color: var(--fg); font-weight: 500; text-align: right; }
+.row-value.mono {
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 11px;
+  color: var(--fg-muted);
+}
+
+/* ------------- Buttons ------------- */
+.btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 7px 12px;
+  border-radius: 8px;
+  border: 1px solid transparent;
+  font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.15s;
+  font-family: inherit;
+  white-space: nowrap;
+}
+.btn svg { width: 14px; height: 14px; }
+.btn-primary {
+  background: var(--accent);
+  color: var(--accent-fg);
+}
+.btn-primary:hover { filter: brightness(1.08); }
+.btn-ghost {
+  background: transparent;
+  color: var(--fg);
+  border-color: var(--line);
+}
+.btn-ghost:hover { background: var(--bg-2); }
+.btn-danger {
+  background: #dc2626;
+  color: #fff;
+}
+.btn-danger:hover { background: #b91c1c; }
+.variant-clean.dark .btn-danger { background: #dc2626; }
+.variant-clean.dark .btn-danger:hover { background: #ef4444; }
+.btn-danger-ghost {
+  background: transparent;
+  color: #dc2626;
+  border-color: rgba(220,38,38,0.3);
+}
+.btn-danger-ghost:hover { background: rgba(220,38,38,0.08); }
+.variant-clean.dark .btn-danger-ghost {
+  color: #fb7185;
+  border-color: rgba(251,113,133,0.3);
+}
+.variant-clean.dark .btn-danger-ghost:hover { background: rgba(251,113,133,0.1); }
+.btn-xs { padding: 4px 8px; font-size: 11px; }
+
+/* ------------- Search ------------- */
+.search-wrap {
+  position: relative;
+  display: flex;
+  align-items: center;
+  background: var(--bg-3);
+  border: 1px solid var(--line);
+  border-radius: 12px;
+  padding: 10px 14px;
+  gap: 10px;
+  transition: border-color 0.15s;
+}
+.search-wrap:focus-within { border-color: var(--accent); }
+.search-wrap svg { width: 16px; height: 16px; color: var(--fg-muted); flex-shrink: 0; }
+.search-wrap input {
+  flex: 1;
+  background: transparent;
+  border: none;
+  outline: none;
+  font-size: 14px;
+  color: var(--fg);
+  font-family: inherit;
+}
+.search-wrap input::placeholder { color: var(--fg-muted); }
+
+/* ------------- Tabs ------------- */
+.tab-row {
+  display: flex;
+  gap: 2px;
+  border-bottom: 1px solid var(--line);
+}
+.tab-btn {
+  background: transparent;
+  border: none;
+  padding: 10px 16px;
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--fg-muted);
+  cursor: pointer;
+  border-bottom: 2px solid transparent;
+  margin-bottom: -1px;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  font-family: inherit;
+  transition: all 0.15s;
+}
+.tab-btn:hover { color: var(--fg); }
+.tab-btn.active { color: var(--fg); border-bottom-color: var(--accent); font-weight: 600; }
+.tab-count {
+  background: var(--bg-2);
+  color: var(--fg-muted);
+  padding: 2px 7px;
+  border-radius: 999px;
+  font-size: 11px;
+  font-weight: 600;
+  min-width: 20px;
+  text-align: center;
+}
+.tab-btn.active .tab-count { background: var(--accent); color: var(--accent-fg); }
+.tab-count.highlight:not(.tab-btn.active .tab-count) {
+  background: #dc2626;
+  color: #fff;
+}
+
+/* ------------- Friend Row ------------- */
+.friend-list { display: flex; flex-direction: column; gap: 2px; }
+.friend-row {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 12px 14px;
+  border-radius: 10px;
+  transition: background 0.15s;
+}
+.friend-row:hover { background: var(--bg-2); }
+.friend-body { flex: 1; min-width: 0; }
+.friend-name {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--fg);
+  line-height: 1.3;
+}
+.friend-handle {
+  font-size: 12px;
+  color: var(--fg-muted);
+  margin-top: 2px;
+}
+.friend-actions {
+  display: flex;
+  gap: 6px;
+  flex-shrink: 0;
+}
+.pending-label {
+  font-size: 12px;
+  color: var(--fg-muted);
+  font-style: italic;
+  align-self: center;
+  padding-right: 4px;
+}
+
+/* ------------- Empty State ------------- */
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 48px 16px;
+  text-align: center;
+  color: var(--fg-muted);
+}
+.empty-icon {
+  width: 48px;
+  height: 48px;
+  border-radius: 14px;
+  background: var(--bg-2);
+  display: grid;
+  place-items: center;
+  margin-bottom: 12px;
+  color: var(--fg-muted);
+}
+.empty-icon svg { width: 20px; height: 20px; }
+.empty-state p { font-size: 13px; margin: 0; max-width: 320px; }
+
+/* ------------- Banner ------------- */
+.banner {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  padding: 12px 14px;
+  border-radius: 10px;
+  font-size: 13px;
+  border: 1px solid;
+}
+.banner.error { background: rgba(220,38,38,0.08); border-color: rgba(220,38,38,0.2); color: #dc2626; }
+.variant-clean.dark .banner.error { color: #fb7185; }
+.banner.success { background: rgba(22,163,74,0.08); border-color: rgba(22,163,74,0.2); color: #16a34a; }
+.banner svg { width: 16px; height: 16px; flex-shrink: 0; margin-top: 1px; }
+
+/* ============================================================
+   ADMIN PAGE
+   ============================================================ */
+
+.stats-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 12px;
+}
+.stat-card {
+  background: var(--bg-3);
+  border: 1px solid var(--line);
+  border-radius: 12px;
+  padding: 14px 16px;
+}
+.stat-card-label {
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--fg-muted);
+  font-weight: 500;
+}
+.stat-card-value {
+  font-family: 'Outfit', 'Inter', sans-serif;
+  font-size: 28px;
+  font-weight: 700;
+  color: var(--fg);
+  margin-top: 4px;
+  font-variant-numeric: tabular-nums;
+}
+.stat-card-value.danger { color: #dc2626; }
+.variant-clean.dark .stat-card-value.danger { color: #fb7185; }
+
+/* Inline stats (inside sections) */
+.stats-inline {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 16px;
+  padding: 12px 14px;
+  background: var(--bg-2);
+  border: 1px solid var(--line);
+  border-radius: 10px;
+}
+.stat-label, .stat .stat-label {
+  font-size: 10px;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--fg-muted);
+  font-weight: 500;
+}
+.stat-value, .stat .stat-value {
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 12px;
+  color: var(--fg);
+  margin-top: 2px;
+  font-weight: 500;
+}
+
+/* ------------- Admin Table ------------- */
+.table-wrap { overflow-x: auto; margin: -4px; padding: 4px; }
+.admin-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 13px;
+}
+.admin-table thead th {
+  text-align: left;
+  font-size: 10px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--fg-muted);
+  padding: 4px 12px 10px;
+  border-bottom: 1px solid var(--line);
+}
+.admin-table tbody td {
+  padding: 12px 12px;
+  border-bottom: 1px solid var(--line);
+  color: var(--fg);
+  vertical-align: middle;
+}
+.admin-table tbody tr:last-child td { border-bottom: none; }
+.admin-table td.mono {
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 12px;
+  font-weight: 500;
+}
+.admin-table td.muted { color: var(--fg-muted); font-size: 12px; }
+
+.status-pill {
+  display: inline-block;
+  padding: 3px 9px;
+  border-radius: 999px;
+  font-size: 11px;
+  font-weight: 600;
+  border: 1px solid;
+}
+.status-pill.active { background: rgba(22,163,74,0.08); border-color: rgba(22,163,74,0.25); color: #16a34a; }
+.variant-clean.dark .status-pill.active { color: #4ade80; border-color: rgba(74,222,128,0.3); }
+.status-pill.expired { background: rgba(245,158,11,0.08); border-color: rgba(245,158,11,0.25); color: #d97706; }
+.variant-clean.dark .status-pill.expired { color: #fbbf24; border-color: rgba(251,191,36,0.3); }
+.status-pill.disabled { background: rgba(220,38,38,0.08); border-color: rgba(220,38,38,0.25); color: #dc2626; }
+.variant-clean.dark .status-pill.disabled { color: #fb7185; border-color: rgba(251,113,133,0.3); }
+
+.row-actions { display: flex; gap: 4px; justify-content: flex-end; }
+.icon-btn.sm { width: 28px; height: 28px; }
+.icon-btn.sm svg { width: 13px; height: 13px; }
+.icon-btn.sm.danger { color: #dc2626; border-color: rgba(220,38,38,0.2); }
+.icon-btn.sm.danger:hover { background: rgba(220,38,38,0.08); }
+.variant-clean.dark .icon-btn.sm.danger { color: #fb7185; }
+
+/* ------------- User Admin Row ------------- */
+.user-admin-list { display: flex; flex-direction: column; }
+.user-admin-row {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 12px 4px;
+  border-bottom: 1px solid var(--line);
+}
+.user-admin-row:last-child { border-bottom: none; }
+.user-admin-body { flex: 1; min-width: 0; }
+.user-admin-name {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--fg);
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.user-admin-meta {
+  font-size: 12px;
+  color: var(--fg-muted);
+  margin-top: 2px;
+}
+.admin-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 10px;
+  font-weight: 600;
+  padding: 2px 7px;
+  border-radius: 999px;
+  background: var(--accent);
+  color: var(--accent-fg);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+.admin-badge svg { width: 9px; height: 9px; }
+.user-admin-flags { display: flex; gap: 6px; flex-shrink: 0; }
+
+.flag-chip {
+  background: var(--bg-2);
+  border: 1px solid var(--line);
+  color: var(--fg-muted);
+  padding: 4px 10px;
+  border-radius: 999px;
+  font-size: 11px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.15s;
+  font-family: inherit;
+}
+.flag-chip:hover { color: var(--fg); background: var(--bg-3); }
+.flag-chip.active {
+  background: var(--accent);
+  color: var(--accent-fg);
+  border-color: var(--accent);
+}
+.flag-chip.active.danger {
+  background: #dc2626;
+  border-color: #dc2626;
+  color: #fff;
+}
+.variant-clean.dark .flag-chip.active.danger { background: #ef4444; border-color: #ef4444; }
+
+/* ============================================================
+   SETTINGS PAGE
+   ============================================================ */
+
+.avatar-control {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+}
+.avatar-large {
+  width: 64px;
+  height: 64px;
+  border-radius: 50%;
+  background: var(--accent);
+  color: var(--accent-fg);
+  display: grid;
+  place-items: center;
+  font-family: 'Outfit', sans-serif;
+  font-size: 26px;
+  font-weight: 700;
+  flex-shrink: 0;
+  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
+}
+.avatar-copy { flex: 1; min-width: 0; }
+.avatar-label { font-size: 14px; font-weight: 500; color: var(--fg); }
+.avatar-hint { font-size: 12px; color: var(--fg-muted); margin-top: 4px; }
+
+.divider {
+  height: 1px;
+  background: var(--line);
+  margin: 6px -20px;
+}
+
+.key-capture {
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 12px;
+  font-weight: 600;
+  padding: 6px 14px;
+  border-radius: 8px;
+  background: var(--bg-2);
+  border: 1px solid var(--line);
+  color: var(--fg);
+  cursor: pointer;
+  min-width: 90px;
+  transition: all 0.15s;
+}
+.key-capture:hover { background: var(--bg-3); }
+.key-capture.active {
+  background: var(--accent);
+  color: var(--accent-fg);
+  border-color: var(--accent);
+  animation: keyPulse 1.2s ease-in-out infinite;
+}
+@keyframes keyPulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.6; }
+}
+
+.device-card {
+  background: rgba(22,163,74,0.06);
+  border: 1px solid rgba(22,163,74,0.2);
+  border-radius: 12px;
+  padding: 14px 16px;
+}
+.variant-clean.dark .device-card {
+  background: rgba(74,222,128,0.08);
+  border-color: rgba(74,222,128,0.2);
+}
+.device-card-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 13px;
+  font-weight: 600;
+  color: #16a34a;
+}
+.variant-clean.dark .device-card-title { color: #4ade80; }
+.device-card-title svg { width: 14px; height: 14px; }
+
+.device-backup {
+  background: var(--bg-2);
+  border: 1px solid var(--line);
+  border-radius: 12px;
+  padding: 14px 16px;
+}
+.backup-row {
+  display: flex;
+  gap: 8px;
+  margin-top: 12px;
+}
+.backup-row input {
+  flex: 1;
+  padding: 8px 12px;
+  border-radius: 8px;
+  border: 1px solid var(--line);
+  background: var(--bg-3);
+  color: var(--fg);
+  font-size: 13px;
+  font-family: inherit;
+  outline: none;
+}
+.backup-row input:focus { border-color: var(--accent); }
+
+/* ============================================================
+   Layout glue — make pages fill the rail's chat-area slot
+   ============================================================ */
+.rail-layout.page-mode {
+  grid-template-columns: 64px 1fr !important;
+}
+.rail-layout .chat-area.has-page {
+  padding: 0;
+}
+.rail-layout .chat-area.has-page > .page-scroll {
+  height: 100%;
+}
+
+/* Responsive tweaks */
+@media (max-width: 1200px) {
+  .stats-grid { grid-template-columns: repeat(2, 1fr); }
+}
diff --git a/packages/shared/src/admin/index.ts b/packages/shared/src/admin/index.ts
index a250953..3953cbc 100644
--- a/packages/shared/src/admin/index.ts
+++ b/packages/shared/src/admin/index.ts
@@ -187,3 +187,141 @@ export async function setUserFlag(
     .eq('user_id', userId);
   if (error) throw error;
 }
+
+// ---------------------------------------------------------------------------
+// Conversations (admin view — reads all regardless of membership)
+// ---------------------------------------------------------------------------
+
+export interface AdminConversationRow {
+  id: string;
+  type: 'dm' | 'group';
+  name: string | null;
+  memberCount: number;
+  lastMessageAt: string | null;
+  createdAt: string;
+}
+
+export async function listAllConversations(
+  client: AppSupabaseClient,
+): Promise<AdminConversationRow[]> {
+  const { data, error } = await client
+    .from('conversations')
+    .select('id, type, name, created_at')
+    .order('created_at', { ascending: false });
+  if (error) throw error;
+  const conversations = data ?? [];
+  if (conversations.length === 0) return [];
+  const ids = conversations.map((c) => c.id);
+  const { data: memberRows, error: mErr } = await client
+    .from('conversation_members')
+    .select('conversation_id')
+    .in('conversation_id', ids);
+  if (mErr) throw mErr;
+  const counts = new Map<string, number>();
+  for (const row of memberRows ?? []) {
+    counts.set(row.conversation_id, (counts.get(row.conversation_id) ?? 0) + 1);
+  }
+  // Approximate "last message at" by peeking at latest message.created_at per
+  // conversation. Cheap since conversation count stays small (<20 users,
+  // <few hundred conversations).
+  const { data: lastMsg, error: lErr } = await client
+    .from('messages')
+    .select('conversation_id, created_at')
+    .in('conversation_id', ids)
+    .order('created_at', { ascending: false })
+    .limit(5000);
+  if (lErr) throw lErr;
+  const lastAt = new Map<string, string>();
+  for (const row of lastMsg ?? []) {
+    if (!lastAt.has(row.conversation_id)) {
+      lastAt.set(row.conversation_id, row.created_at);
+    }
+  }
+  return conversations.map((c) => ({
+    id: c.id,
+    type: c.type as 'dm' | 'group',
+    name: c.name,
+    memberCount: counts.get(c.id) ?? 0,
+    lastMessageAt: lastAt.get(c.id) ?? null,
+    createdAt: c.created_at,
+  }));
+}
+
+// ---------------------------------------------------------------------------
+// Audit log
+// ---------------------------------------------------------------------------
+
+export interface AdminAuditEntry {
+  id: string;
+  actorId: string | null;
+  action: string;
+  targetType: string | null;
+  targetId: string | null;
+  metadata: Record<string, unknown>;
+  createdAt: string;
+}
+
+export async function listAuditLog(
+  client: AppSupabaseClient,
+  limit = 100,
+): Promise<AdminAuditEntry[]> {
+  const { data, error } = await (client as unknown as {
+    from: (t: string) => {
+      select: (cols: string) => {
+        order: (
+          col: string,
+          opts: { ascending: boolean },
+        ) => {
+          limit: (n: number) => Promise<{
+            data:
+              | {
+                  id: string;
+                  actor_id: string | null;
+                  action: string;
+                  target_type: string | null;
+                  target_id: string | null;
+                  metadata: Record<string, unknown>;
+                  created_at: string;
+                }[]
+              | null;
+            error: Error | null;
+          }>;
+        };
+      };
+    };
+  })
+    .from('admin_audit_log')
+    .select('id, actor_id, action, target_type, target_id, metadata, created_at')
+    .order('created_at', { ascending: false })
+    .limit(limit);
+  if (error) throw error;
+  return (data ?? []).map((r) => ({
+    id: r.id,
+    actorId: r.actor_id,
+    action: r.action,
+    targetType: r.target_type,
+    targetId: r.target_id,
+    metadata: r.metadata ?? {},
+    createdAt: r.created_at,
+  }));
+}
+
+export async function logAdminAction(
+  client: AppSupabaseClient,
+  action: string,
+  target?: { type?: string; id?: string },
+  metadata?: Record<string, unknown>,
+): Promise<void> {
+  const { error } = await (client as unknown as {
+    rpc: (
+      name: string,
+      args: Record<string, unknown>,
+    ) => Promise<{ error: Error | null }>;
+  }).rpc('admin_log_action', {
+    p_action: action,
+    p_target_type: target?.type ?? null,
+    p_target_id: target?.id ?? null,
+    p_metadata: metadata ?? {},
+  });
+  if (error) throw error;
+}
diff --git a/packages/shared/src/chat/messages.ts b/packages/shared/src/chat/messages.ts
index 451f949..ea7d8fe 100644
--- a/packages/shared/src/chat/messages.ts
+++ b/packages/shared/src/chat/messages.ts
@@ -245,6 +245,134 @@ export async function listPeerReadsForMessages(
   return new Set((data ?? []).map((r) => r.message_id));
 }
 
+// Group variant: returns reads from ALL users (other than `excludeUserId`,
+// typically caller themselves) keyed by message id → user id → timestamp.
+// RLS already filters out users whose receipts are off.
+export async function listGroupReadsForMessages(
+  client: AppSupabaseClient,
+  messageIds: string[],
+  excludeUserId: string,
+): Promise<Map<string, Map<string, string>>> {
+  if (messageIds.length === 0) return new Map();
+  const { data, error } = await client
+    .from('message_reads')
+    .select('message_id, user_id, read_at')
+    .neq('user_id', excludeUserId)
+    .in('message_id', messageIds);
+  if (error) throw error;
+  const out = new Map<string, Map<string, string>>();
+  for (const row of data ?? []) {
+    const mid = row.message_id;
+    const uid = row.user_id;
+    const at = row.read_at;
+    let inner = out.get(mid);
+    if (!inner) {
+      inner = new Map();
+      out.set(mid, inner);
+    }
+    inner.set(uid, at);
+  }
+  return out;
+}
+
+// Group variant of delivery receipts. Same shape as listGroupReadsForMessages.
+export async function listGroupDeliveriesForMessages(
+  client: AppSupabaseClient,
+  messageIds: string[],
+  excludeUserId: string,
+): Promise<Map<string, Map<string, string>>> {
+  if (messageIds.length === 0) return new Map();
+  const { data, error } = await (client as unknown as {
+    from: (t: string) => {
+      select: (cols: string) => {
+        neq: (col: string, val: string) => {
+          in: (
+            col: string,
+            vals: string[],
+          ) => Promise<{
+            data:
+              | { message_id: string; user_id: string; delivered_at: string }[]
+              | null;
+            error: Error | null;
+          }>;
+        };
+      };
+    };
+  })
+    .from('message_deliveries')
+    .select('message_id, user_id, delivered_at')
+    .neq('user_id', excludeUserId)
+    .in('message_id', messageIds);
+  if (error) throw error;
+  const out = new Map<string, Map<string, string>>();
+  for (const row of data ?? []) {
+    let inner = out.get(row.message_id);
+    if (!inner) {
+      inner = new Map();
+      out.set(row.message_id, inner);
+    }
+    inner.set(row.user_id, row.delivered_at);
+  }
+  return out;
+}
+
+// ---------------------------------------------------------------------------
+// Delivery receipts
+// ---------------------------------------------------------------------------
+
+// Records that the caller has received (fetched + decrypted) these messages.
+// Idempotent; composite PK absorbs duplicates.
+export async function markMessagesDelivered(
+  client: AppSupabaseClient,
+  messageIds: string[],
+): Promise<void> {
+  if (messageIds.length === 0) return;
+  const { data: session, error: aErr } = await client.auth.getUser();
+  if (aErr) throw aErr;
+  if (!session.user) return;
+  const myId = session.user.id;
+  const rows = messageIds.map((id) => ({ message_id: id, user_id: myId }));
+  // `message_deliveries` is a later migration and not yet in the generated
+  // Supabase types; skip the strict table-name check for this call.
+  const { error } = await (client as unknown as {
+    from: (t: string) => {
+      upsert: (
+        rows: unknown,
+        opts: { onConflict: string; ignoreDuplicates: boolean },
+      ) => Promise<{ error: Error | null }>;
+    };
+  })
+    .from('message_deliveries')
+    .upsert(rows, { onConflict: 'message_id,user_id', ignoreDuplicates: true });
+  if (error) throw error;
+}
+
+export async function listPeerDeliveriesForMessages(
+  client: AppSupabaseClient,
+  messageIds: string[],
+  peerUserId: string,
+): Promise<Set<string>> {
+  if (messageIds.length === 0) return new Set();
+  const { data, error } = await (client as unknown as {
+    from: (t: string) => {
+      select: (cols: string) => {
+        eq: (col: string, val: string) => {
+          in: (
+            col: string,
+            vals: string[],
+          ) => Promise<{ data: { message_id: string }[] | null; error: Error | null }>;
+        };
+      };
+    };
+  })
+    .from('message_deliveries')
+    .select('message_id')
+    .eq('user_id', peerUserId)
+    .in('message_id', messageIds);
+  if (error) throw error;
+  return new Set((data ?? []).map((r) => r.message_id));
+}
+
 // ---------------------------------------------------------------------------
 // Reactions
 // ---------------------------------------------------------------------------
diff --git a/supabase/functions/notify-push/index.ts b/supabase/functions/notify-push/index.ts
new file mode 100644
index 0000000..ef3f001
--- /dev/null
+++ b/supabase/functions/notify-push/index.ts
@@ -0,0 +1,102 @@
+// Supabase Edge Function — fan-out push notifications via Web Push (VAPID).
+//
+// Trigger: server-side (e.g. database trigger on messages INSERT calling
+// pg_net.http_post → this function), or app-level after sendEncryptedMessage
+// resolves successfully.
+//
+// Required environment variables (set via supabase secrets):
+//   VAPID_PUBLIC_KEY
+//   VAPID_PRIVATE_KEY
+//   VAPID_SUBJECT             e.g. "mailto:admin@example.com"
+//   PUSH_FANOUT_SHARED_SECRET shared header secret to authenticate caller
+//
+// Request body:
+//   { conversationId: string, senderUserId: string, senderName: string, kind?: "message" | "call" }
+//
+// The function:
+//   1. Looks up conversation_members minus sender.
+//   2. Joins to push_tokens via devices.
+//   3. Sends a Web Push to each token using web-push npm via npm: specifier.
+//
+// Note: this is a skeleton — wire web-push library and verify against the
+// chosen Deno deploy runtime.
+
+// deno-lint-ignore-file no-explicit-any
+import { createClient } from 'https://esm.sh/@supabase/supabase-js@2';
+import webPush from 'npm:web-push@3.6.7';
+
+const SUPABASE_URL = Deno.env.get('SUPABASE_URL') ?? '';
+const SERVICE_ROLE_KEY = Deno.env.get('SUPABASE_SERVICE_ROLE_KEY') ?? '';
+const VAPID_PUBLIC_KEY = Deno.env.get('VAPID_PUBLIC_KEY') ?? '';
+const VAPID_PRIVATE_KEY = Deno.env.get('VAPID_PRIVATE_KEY') ?? '';
+const VAPID_SUBJECT = Deno.env.get('VAPID_SUBJECT') ?? 'mailto:admin@example.com';
+const SHARED_SECRET = Deno.env.get('PUSH_FANOUT_SHARED_SECRET') ?? '';
+
+if (VAPID_PUBLIC_KEY && VAPID_PRIVATE_KEY) {
+  webPush.setVapidDetails(VAPID_SUBJECT, VAPID_PUBLIC_KEY, VAPID_PRIVATE_KEY);
+}
+
+interface Payload {
+  conversationId: string;
+  senderUserId: string;
+  senderName: string;
+  kind?: 'message' | 'call';
+}
+
+Deno.serve(async (req) => {
+  if (req.method !== 'POST') return new Response('method', { status: 405 });
+
+  // Shared-secret gate. Cheap, replaces user JWT here because the trigger has
+  // no authenticated session.
+  const auth = req.headers.get('x-shared-secret');
+  if (!SHARED_SECRET || auth !== SHARED_SECRET) {
+    return new Response('unauthorized', { status: 401 });
+  }
+
+  let body: Payload;
+  try {
+    body = await req.json();
+  } catch {
+    return new Response('bad json', { status: 400 });
+  }
+
+  const client = createClient(SUPABASE_URL, SERVICE_ROLE_KEY);
+
+  const { data: members, error: mErr } = await client
+    .from('conversation_members')
+    .select('user_id')
+    .eq('conversation_id', body.conversationId);
+  if (mErr) return new Response('members lookup failed', { status: 500 });
+  const recipientIds = (members ?? [])
+    .map((m: any) => m.user_id as string)
+    .filter((id: string) => id !== body.senderUserId);
+  if (recipientIds.length === 0) return new Response('no recipients', { status: 200 });
+
+  const { data: tokens, error: tErr } = await client
+    .from('push_tokens')
+    .select('token, devices!inner(user_id)')
+    .in('devices.user_id', recipientIds);
+  if (tErr) return new Response('tokens lookup failed', { status: 500 });
+
+  const payload = JSON.stringify({
+    title: body.senderName,
+    body: body.kind === 'call' ? 'Eingehender Anruf' : 'Neue Nachricht',
+    conversationId: body.conversationId,
+    kind: body.kind ?? 'message',
+  });
+
+  const results = await Promise.allSettled(
+    (tokens ?? []).map(async (row: any) => {
+      try {
+        const sub = JSON.parse(row.token);
+        await webPush.sendNotification(sub, payload);
+      } catch (err) {
+        console.warn('push send failed', err);
+      }
+    }),
+  );
+
+  return new Response(JSON.stringify({ sent: results.length }), {
+    headers: { 'content-type': 'application/json' },
+  });
+});
diff --git a/supabase/migrations/20260421000001_message_deliveries.sql b/supabase/migrations/20260421000001_message_deliveries.sql
new file mode 100644
index 0000000..e5001fd
--- /dev/null
+++ b/supabase/migrations/20260421000001_message_deliveries.sql
@@ -0,0 +1,54 @@
+-- ============================================================================
+-- Delivery receipts — "✓✓" tick in WhatsApp/Telegram parlance: the recipient's
+-- device has fetched the message from the server, regardless of whether they
+-- have actually opened the conversation yet. `message_reads` already covers
+-- the "read" step; this table fills the gap between "sent" and "read".
+--
+-- A row exists iff the recipient user has acknowledged receiving the message
+-- on at least one device. Writes are triggered client-side after successful
+-- message fetch/decrypt. Select policy mirrors read receipts (opt-out via
+-- profiles.show_read_receipts on BOTH ends).
+-- ============================================================================
+create table public.message_deliveries (
+  message_id    uuid not null references public.messages(id) on delete cascade,
+  user_id       uuid not null references auth.users(id) on delete cascade,
+  delivered_at  timestamptz not null default now(),
+  primary key (message_id, user_id)
+);
+
+alter table public.message_deliveries enable row level security;
+
+create policy deliveries_select_reciprocal on public.message_deliveries
+  for select to authenticated
+  using (
+    user_id = auth.uid()
+    or (
+      coalesce(
+        (select show_read_receipts from public.profiles where profiles.user_id = auth.uid()),
+        true
+      )
+      and coalesce(
+        (select show_read_receipts from public.profiles where profiles.user_id = message_deliveries.user_id),
+        true
+      )
+      and exists (
+        select 1 from public.messages m
+        where m.id = message_id and public.is_conversation_member(m.conversation_id)
+      )
+    )
+  );
+
+create policy deliveries_insert_own on public.message_deliveries
+  for insert to authenticated
+  with check (
+    user_id = auth.uid()
+    and exists (
+      select 1 from public.messages m
+      where m.id = message_id and public.is_conversation_member(m.conversation_id)
+    )
+  );
+
+create index message_deliveries_message_id_idx on public.message_deliveries (message_id);
+create index message_deliveries_user_id_idx on public.message_deliveries (user_id);
+
+alter publication supabase_realtime add table public.message_deliveries;
diff --git a/supabase/migrations/20260421000002_admin_audit_log.sql b/supabase/migrations/20260421000002_admin_audit_log.sql
new file mode 100644
index 0000000..2d1457e
--- /dev/null
+++ b/supabase/migrations/20260421000002_admin_audit_log.sql
@@ -0,0 +1,63 @@
+-- ============================================================================
+-- Admin audit log — append-only journal of administrative actions. Writes
+-- go through an RPC so the insert path is a single choke-point with input
+-- validation; reads are admin-only via RLS.
+-- ============================================================================
+create table public.admin_audit_log (
+  id          uuid primary key default gen_random_uuid(),
+  actor_id    uuid not null references auth.users(id) on delete set null,
+  action      text not null,
+  target_type text,
+  target_id   text,
+  metadata    jsonb not null default '{}'::jsonb,
+  created_at  timestamptz not null default now()
+);
+
+create index admin_audit_log_created_at_idx on public.admin_audit_log (created_at desc);
+create index admin_audit_log_actor_idx on public.admin_audit_log (actor_id);
+
+alter table public.admin_audit_log enable row level security;
+
+create policy audit_log_select_admin on public.admin_audit_log
+  for select to authenticated
+  using (public.current_user_is_admin());
+
+-- Insert via RPC only — no direct insert policy, so clients can't forge rows
+-- with a different actor_id.
+create or replace function public.admin_log_action(
+  p_action text,
+  p_target_type text default null,
+  p_target_id text default null,
+  p_metadata jsonb default '{}'::jsonb
+) returns uuid
+language plpgsql
+security definer
+set search_path = public
+as $$
+declare
+  new_id uuid;
+begin
+  if not public.current_user_is_admin() then
+    raise exception 'not an admin';
+  end if;
+  insert into public.admin_audit_log (actor_id, action, target_type, target_id, metadata)
+    values (auth.uid(), p_action, p_target_type, p_target_id, coalesce(p_metadata, '{}'::jsonb))
+    returning id into new_id;
+  return new_id;
+end;
+$$;
+
+revoke all on function public.admin_log_action(text, text, text, jsonb) from public;
+grant execute on function public.admin_log_action(text, text, text, jsonb) to authenticated;
+
+-- ============================================================================
+-- Admin conversations view — lets admins list every conversation (bypassing
+-- is_conversation_member). Read-only: no writes flow through the view.
+-- ============================================================================
+create policy conversations_select_admin on public.conversations
+  for select to authenticated
+  using (public.current_user_is_admin());
+
+create policy conversation_members_select_admin on public.conversation_members
+  for select to authenticated
+  using (public.current_user_is_admin());