Runde Bedienelemente, Admin zusammengelegt, Kanäle entfallen

Vier der acht Änderungswünsche.

**Knöpfe.** Rund vierzig der siebzig Knöpfe waren blosser Text in Akzentfarbe,
von einem Link nicht zu unterscheiden. Jeder trägt jetzt Rahmen und
Grundfläche, über die Klasse .btn an einer Stelle definiert statt siebzigmal
als Klassenkette. Beim Drücken zieht der Knopf sich zusammen und bekommt einen
inneren Ring — er wirkt kurz dicker, ohne dass die Rahmenbreite sich ändert und
das Umfeld springt; die Rückmeldung setzt ohne Verzögerung ein und klingt
langsam ab, sonst bliebe ein kurzer Klick unsichtbar.

Dazu die neue Regel: Flächen bleiben eckig, alles Bedienbare ist rund. Damit
ist die Rundung eine Auskunft und keine Verzierung.

**Verwaltung.** Rollen, Vorlagen und Änderungsrichtlinie waren drei Einträge in
der Kopfzeile für etwas, das man selten und dann zusammenhängend braucht. Jetzt
ein Eintrag /admin mit Reiterleiste, dazu eine gemeinsame Tabs-Komponente, die
auch der Fallakte zeigt, welcher Reiter offen ist.

**Kanäle.** Ersatzlos entfernt, mitsamt Tabelle. Der Chat gehört dorthin, wo
der Vorgang steht; ein eigener Reiter mit freien Räumen war der Rückweg nach
Discord. Die Personalakte hat jetzt denselben Chat wie die Fallakte — ohne
„als Vermerk übernehmen", denn dafür braucht es einen Verlauf, und Meldungen
gehen nur an Erwähnte, nie in den allgemeinen Kanal: dass es zu jemandem eine
Personalakte gibt, ist selbst eine Auskunft. Ein CHECK erzwingt jetzt, dass
eine Nachricht zu genau einem Ort gehört.

**Kopfzeile.** Suchbalken statt Suchlink, als gewöhnliches Formular ohne ein
Byte im Bündel. Thema, Benachrichtigungen und Abmelden sitzen hinter dem
Profilbild, das von Discord kommt; wer keins hat, bekommt seine Initialen.

Nebenbei: Aktenzeichen in Tests waren nur auf vier Stellen eindeutig und
kollidierten zwischen Läufen, weil Akten nicht löschbar sind.

web/app/api/stream/route.ts

@@ -1,7 +1,8 @@
 import { getCurrentUser, type CurrentUser } from '@/lib/auth/current'
 import { db } from '@/lib/db'
 import { visibleCaseWhere } from '@/lib/access/caseFilter'
-import { visibleChannelWhere, visibleMessageWhere } from '@/lib/access/chatFilter'
+import { visibleMessageWhere } from '@/lib/access/chatFilter'
+import { visiblePersonnelWhere } from '@/lib/access/personnelFilter'
 import { visibleAttachmentWhere } from '@/lib/access/attachmentFilter'
 import { resolveCasePreviews, type CasePreview } from '@/lib/chat/preview'
 import { extractCaseNumbers, type ChatMessageView } from '@/lib/chat/view'
@@ -17,7 +18,7 @@ const HEARTBEAT_MS = 25_000
 /**
  * Ereignisstrom für offene Ansichten.
  *
- *     GET /api/stream?topics=case:<id>,channel:<id>
+ *     GET /api/stream?topics=case:<id>,personnel:<id>
  *
  * Server-Sent Events und kein WebSocket: die Richtung ist einseitig, es geht
  * durch jeden Tunnel, und der Browser baut die Verbindung von selbst wieder
@@ -129,9 +130,9 @@ async function erlaubteThemen(user: CurrentUser, gewuenscht: string[]): Promise<
     .filter((t) => t.startsWith('case:'))
     .map((t) => t.slice(5))
     .filter(Boolean)
-  const kanalIds = gewuenscht
-    .filter((t) => t.startsWith('channel:'))
-    .map((t) => t.slice(8))
+  const personalIds = gewuenscht
+    .filter((t) => t.startsWith('personnel:'))
+    .map((t) => t.slice(10))
     .filter(Boolean)
 
   if (fallIds.length > 0) {
@@ -142,12 +143,15 @@ async function erlaubteThemen(user: CurrentUser, gewuenscht: string[]): Promise<
     themen.push(...sichtbar.map((akte) => `case:${akte.id}` as Topic))
   }
 
-  if (kanalIds.length > 0) {
-    const sichtbar = await db.channel.findMany({
-      where: { AND: [visibleChannelWhere(user.permissions), { id: { in: kanalIds } }] },
+  // Personalakten setzen neben der Stufe ein eigenes Recht voraus.
+  const darfPersonal =
+    user.permissions.isAdmin || user.permissions.permissions.has('personnel.read')
+  if (personalIds.length > 0 && darfPersonal) {
+    const sichtbar = await db.personnelFile.findMany({
+      where: { AND: [visiblePersonnelWhere(user.permissions), { id: { in: personalIds } }] },
       select: { id: true },
     })
-    themen.push(...sichtbar.map((kanal) => `channel:${kanal.id}` as Topic))
+    themen.push(...sichtbar.map((akte) => `personnel:${akte.id}` as Topic))
   }
 
   return themen
@@ -163,8 +167,8 @@ async function nachliefern(
   send: Send,
 ): Promise<void> {
   const fallIds = themen.filter((t) => t.startsWith('case:')).map((t) => t.slice(5))
-  const kanalIds = themen.filter((t) => t.startsWith('channel:')).map((t) => t.slice(8))
-  if (fallIds.length === 0 && kanalIds.length === 0) return
+  const personalIds = themen.filter((t) => t.startsWith('personnel:')).map((t) => t.slice(10))
+  if (fallIds.length === 0 && personalIds.length === 0) return
 
   try {
     const verpasst = await db.chatMessage.findMany({
@@ -172,7 +176,7 @@ async function nachliefern(
         AND: [
           visibleMessageWhere(user.permissions),
           { id: { gt: seit } },
-          { OR: [{ caseId: { in: fallIds } }, { channelId: { in: kanalIds } }] },
+          { OR: [{ caseId: { in: fallIds } }, { personnelFileId: { in: personalIds } }] },
         ],
       },
       orderBy: { id: 'asc' },
@@ -199,7 +203,7 @@ const NACHRICHT = {
   mentions: true,
   createdAt: true,
   caseId: true,
-  channelId: true,
+  personnelFileId: true,
 } as const
 
 /**