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.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Harlekin
2026-09-03 15:07:43 +02:00
co-authored by Claude Opus 5
parent bbae8546a0
commit ef377f0123
84 changed files with 1234 additions and 749 deletions
+4 -1
View File
@@ -4,7 +4,10 @@
- **Aktenchat**: hängt an einer Akte, formlos, ausdrücklich kein Aktenbestandteil.
Optisch klar vom Verlauf abgesetzt (siehe Design-System).
- **Kanäle**: frei angelegte Räume für allgemeine Absprachen, mit eigener Mindeststufe.
- **Personalaktenchat**: dasselbe an einer Personalakte. Erbt deren Sichtbarkeit und
setzt zusätzlich `personnel.read` voraus.
Freie Kanäle gab es einmal. Sie sind entfallen: siehe docs/13-entscheidungen.md.
## Kernfunktion: „Als Vermerk übernehmen"
+29 -2
View File
@@ -63,8 +63,13 @@ in Überschriften.
## Struktur
- Eckenradius 2 px, überall gleich. Akten sind nicht abgerundet.
- Rahmen 1 px in `--ink-500`. Keine Schatten außer dem Fokusring.
- **Flächen bleiben eckig, Bedienelemente sind rund.** Eine Akte ist ein Blatt und hat
scharfe Kanten: Eckenradius 2 px für Panels, Tabellen, Listen. Was man drücken oder
ausfüllen kann, ist rund — Knöpfe, Suchbalken, Marken und Profilbilder voll (`--radius-control`,
999 px), Eingabefelder weich (`--radius-field`, 10 px). Daran erkennt man ein Bedienelement,
bevor man es berührt.
- Rahmen 1 px in `--ink-500`. Keine Schatten außer dem Fokusring und dem inneren Ring, den
ein gedrückter Knopf zeigt.
- Trennung durch Linien und Weißraum, nicht durch gestapelte Karten.
- Die Klassifizierung erscheint als 3 px breite Kante links am Objekt plus einer
Stempelmarke oben rechts. Beides in derselben Stufenfarbe.
@@ -82,6 +87,28 @@ Oberfläche nichts von selbst.
Alle übrige Bewegung ist Antwort auf eine Handlung: Aufklappen, Bestätigen, Einfügen.
Keine Einblend-Animationen beim Scrollen, keine Hover-Effekte auf jeder Fläche.
## Knöpfe
Jeder Knopf trägt Rahmen und eigene Grundfläche, auch der unscheinbarste. Ein Text, der sich
erst beim Überfahren als Knopf entpuppt, wird nicht gefunden. Die Klasse dafür ist `.btn`,
mit `.btn-primary` für den einen Knopf, der die Sache erledigt, und `.btn-sm` für dichte
Zeilen. Kein eigenes Knopf-Aussehen je Seite.
Drei Zustände, die man sehen muss:
| Zustand | Was passiert |
|---|---|
| Überfahren | Fläche eine Stufe heller, Rahmen und Schrift in `--steel` |
| Gedrückt | Knopf zieht sich leicht zusammen und bekommt einen inneren Ring — er wirkt kurz dicker, ohne dass die Rahmenbreite sich ändert und das Umfeld springt |
| Läuft | `aria-busy`, gestrichelter Rahmen, nimmt keine zweite Eingabe an |
Die Druckrückmeldung setzt **ohne Verzögerung** ein und klingt langsam ab. Andersherum
bliebe ein kurzer Klick unsichtbar, und genau darum geht es: der Nutzer soll wissen, dass er
diesen Knopf wirklich getroffen hat.
Eine Rückfrage vor dem Ausführen ist damit nicht gemeint und steht nur dort, wo sie ohnehin
schon steht.
## Schreibweise in der Oberfläche
- Aktive Verben, die sagen, was passiert: „Vermerk speichern", nicht „Absenden"
+70
View File
@@ -933,3 +933,73 @@ derentwillen das System gebaut wird.
Einmal durchgespielt: 42 Akten, 51 Verlaufseinträge, 97 Protokollzeilen, 8 Regeln und 20
Trigger kamen an.
## Oberfläche, zweite Runde
### Flächen bleiben eckig, Bedienelemente werden rund
Der Auslieferungszustand hatte überall 2 px Radius, mit der Begründung „Akten sind nicht
abgerundet". Das stimmt für Akten und stimmte nicht für Knöpfe: ein Bedienelement, das
aussieht wie ein Ausschnitt der Fläche, auf der es liegt, wird nicht als Bedienelement
gelesen.
Die Regel heisst jetzt: **Flächen bleiben eckig, alles Bedienbare ist rund.** Knöpfe,
Suchbalken, Marken und Profilbilder voll (999 px), Eingabefelder weich (10 px), Panels,
Tabellen und Listen unverändert bei 2 px. Damit ist die Rundung eine Auskunft und keine
Verzierung: rund heisst, man kann es anfassen.
### Jeder Knopf hat einen Rahmen und meldet den Druck zurück
Vorher waren rund vierzig der siebzig Knöpfe blosser Text in Akzentfarbe — nicht von einem
Link zu unterscheiden und auf einem vollen Bildschirm schlicht nicht zu finden. Jetzt trägt
jeder Knopf Rahmen und Grundfläche, über die Klasse `.btn` an einer Stelle definiert statt
siebzigmal als Klassenkette.
Beim Drücken zieht der Knopf sich leicht 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 über 240 ms ab — andersherum bliebe ein
kurzer Klick unsichtbar, und genau darum geht es.
Ausdrücklich **keine Rückfrage vor dem Ausführen**. „Bestätigung" heisst hier: der Nutzer
soll wissen, dass er getroffen hat, nicht ein zweites Mal gefragt werden. Wo eine Rückfrage
schon stand — Umklassifizieren, Änderungsrichtlinie —, bleibt sie.
### Die Verwaltung ist ein Eintrag, nicht drei
Rollenverwaltung, Vorlagen und Änderungsrichtlinie standen als drei eigene Einträge in der
Kopfzeile, für etwas, das man selten und dann meist zusammenhängend braucht. Sie liegen
jetzt unter `/admin` mit einer Reiterleiste, wie die Fallakte. Die Sichtbarkeit eines
Reiters richtet sich nach dem Recht, aber **jede Seite prüft weiterhin selbst** — eine
versteckte Kachel ist kein Schutz.
### Freie Kanäle sind entfallen
Der Chat sollte von Anfang an dort stehen, wo der Vorgang steht. Ein eigener Reiter mit
freien Räumen war der Rückweg nach Discord: dort redet man über eine Akte, statt in ihr.
Die Fallakte hatte ihren Chat bereits, die Personalakte hat ihn jetzt auch.
`Channel` ist mitsamt Tabelle entfernt, `ChatMessage.channelId` heisst `personnelFileId`,
und ein CHECK erzwingt, dass eine Nachricht zu **genau einem** Ort gehört — vorher hing das
allein an der Anwendung. Zum Zeitpunkt der Migration stand in keinem Kanal eine Nachricht.
Zwei Dinge sind am Personalaktenchat anders als am Aktenchat, beide aus demselben Grund —
dass es zu jemandem eine Personalakte gibt, ist selbst eine Auskunft:
- **Kein „als Vermerk übernehmen".** Dafür braucht es einen Verlauf, und den führt nur die
Fallakte.
- **Meldungen gehen nur an ausdrücklich Erwähnte**, nie in den allgemeinen Discord-Kanal,
und sie nennen weder den Namen der Person noch den Text.
### Suchbalken statt Suchknopf, Profilbild statt Textzeile
Die Suche ist der häufigste Weg in eine Akte und war ein Link zwischen anderen Links. Sie
ist jetzt ein Feld in der Kopfzeile — ein gewöhnliches Formular an `/suche`, ohne Skript und
ohne ein Byte im Bündel. Strg+K bleibt daneben: der Balken ist zum Recherchieren da, die
Palette zum Springen.
Thema, Benachrichtigungen, „Dein Zugang" und Abmelden standen zwischen den Aktenbereichen
und nahmen dort den Platz weg, den die Arbeit braucht. Sie sitzen jetzt hinter dem
Profilbild. Das Bild kommt von Discord — dort liegt es ohnehin, die Anmeldung läuft über
dieselbe Stelle, und ein eigener Zwischenspeicher wäre ein Dienst mehr im Stack für ein Bild
von 64 Pixeln. Dafür steht `cdn.discordapp.com` in der Inhaltsrichtlinie. Wer kein Bild hat,
bekommt seine Initialen; ein Platzhaltergesicht lädt nichts nach und sagt nichts.