Benjamin SutterandClaude Opus 5
bf453d2b69
Anpassungsrunde 6. Die Kartendarstellung aus Runde 5 ist ersetzt: die Startseite zeigt oben einen räumlichen Meetingraum aus der Sicht des Betrachters, der selbst am Kopfende des Tisches sitzt. **3D statt Kulisse.** Zwei Versuche mit CSS-Flächen sind daran gescheitert, dass gezeichnete Wände neben fotografierten Porträts erkennbar gezeichnet bleiben. Diese Runde nutzt three.js — die einzige neue Abhängigkeit, und §19 lässt sie ausdrücklich zu, wenn eine schlanke 3D-Lösung die Anforderung trägt. Keine Engine darüber hinaus: kein React-Three-Fiber, keine Physik, keine Shader, keine Post-Processing-Kette, keine Orbit-Steuerung. Der Raum: Boden, Decke, rechts eine geschlossene Wand mit Eichenpaneel und einem schmalen Streifen im Markenblau, links und gegenüber bodentiefe Glasfassaden mit Pfosten. Draussen tragen die beiden Referenzfotos aus dem Auftrag die Basler Aussicht — vorne Rhein, Altstadt und Münster, links der Rheinverlauf mit der Wettsteinbrücke. Die Wasserlinie beider Kulissen liegt auf derselben Welthöhe, damit der Blick nach vorne und nach links zusammengehört und nicht wie zwei zusammengesetzte Bilder wirkt (§4). Am Tisch sitzen alle fünf bestehenden Agenten mit ihren bestehenden Porträts, Namen, Funktionen und Zielseiten — alles aus `AGENT_WORKSPACES`, damit nichts doppelt gepflegt wird (§24, Schritt 7). Neu ist Thomas, Personalverwalter, vis-à-vis am gegenüberliegenden Kopfende; sein Klick führt in die bestehende Ansicht «Meine Agenten». Gerendert wird nur bei Anlass — Grösse, Maus, Hover. Ein Dauerloop wäre für eine feste Szene verschwendete Rechenzeit (§21). Die Kamera folgt der Maus um wenige Zentimeter, mehr nicht (§20). Die Beschriftungen sind HTML über dem Bild, nicht Textur in der Szene: als Textur wären sie bei Tiefe unlesbar. Ein Entzerrungsdurchgang nach der Projektion hebt Plaketten so weit an, bis keine mehr überlappt — gerechnet und nicht handverlesen, damit es auf jeder Fenstergrösse hält. Bei Hover kommt eine Zeile mit der aktuellen Auslastung dazu; ruhend bleiben es Name und Funktion. **Navigation.** Die linke Seitenleiste ist gelöscht, nicht ausgeblendet: samt Breitenreservierung, Einklapplogik und mobilem Drawer. Der Inhalt beginnt überall bei x=0. An der Stelle des früheren Profilsymbols steht neben der Glocke ein Menüsymbol; das Klappmenü öffnet rechts an der Kopfzeile nach unten und führt Startseite, Meine Agenten samt aller Agenten als eingerückte, rechtsbündige Unterpunkte, und Profil mit Profil, Einstellungen, Produkttour und Abmelden. Alle Aktionen und Routen sind die bestehenden. Entfallen sind die Kartenkomponenten aus Runde 5 samt Präsenzschicht. Geprüft (§25): 422 Tests, Typecheck, Build, ESLint, Token-Schwelle (884/925). Im Browser 430–2560 px: keine alte Sidebar, kein leerer Streifen links, sechs Beschriftungen ohne Überlappung, alle sechs Agenten per Maus und per Tastatur erreichbar und auf der richtigen Subpage, Menü öffnet und schliesst per Klick und Escape, alle Menürouten korrekt, alle bestehenden Seiten laden, kein horizontaler Overflow, keine Konsolenfehler. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
96 lines
2.9 KiB
TypeScript
96 lines
2.9 KiB
TypeScript
/**
|
|
* Property On — Porträts aller digitalen Mitarbeitenden.
|
|
*
|
|
* Die Bilder stammen aus dem Konzeptdokument, wo sie als eingebettete JPEGs am
|
|
* jeweiligen Agenten hängen. Sie sind fachliche Vorgabe, nicht Dekoration: das
|
|
* digitale Personalbüro zeigt Mitarbeitende mit Gesicht, keine abstrakten
|
|
* Werkzeuge.
|
|
*
|
|
* Die Zuordnung liegt bewusst in der Darstellungsschicht und nicht im Domain-Typ
|
|
* oder in den Mockdaten. Ein Domain-Modell, das Binärdateien importiert, wäre an
|
|
* den Bundler gekoppelt und weder im Test noch später gegen ein echtes Backend
|
|
* sauber verwendbar.
|
|
*
|
|
* Fehlt zu einer ID ein Bild, fällt `AgentAvatar` auf die Initialen zurück.
|
|
*
|
|
* ACHTUNG: generiert. Nicht von Hand pflegen.
|
|
*/
|
|
|
|
import bruno from '../../assets/team/bruno.jpg'
|
|
import ferdi from '../../assets/team/ferdi.jpg'
|
|
import livia from '../../assets/team/livia.jpg'
|
|
import nora from '../../assets/team/nora.jpg'
|
|
import sina from '../../assets/team/sina.jpg'
|
|
import ada from '../../assets/team/ada.jpg'
|
|
import carla from '../../assets/team/carla.jpg'
|
|
import diego from '../../assets/team/diego.jpg'
|
|
import dora from '../../assets/team/dora.jpg'
|
|
import emil from '../../assets/team/emil.jpg'
|
|
import filip from '../../assets/team/filip.jpg'
|
|
import kira from '../../assets/team/kira.jpg'
|
|
import lars from '../../assets/team/lars.jpg'
|
|
import mia from '../../assets/team/mia.jpg'
|
|
import paul from '../../assets/team/paul.jpg'
|
|
import pia from '../../assets/team/pia.jpg'
|
|
import rea from '../../assets/team/rea.jpg'
|
|
import rico from '../../assets/team/rico.jpg'
|
|
import uli from '../../assets/team/uli.jpg'
|
|
import vela from '../../assets/team/vela.jpg'
|
|
import vera from '../../assets/team/vera.jpg'
|
|
import vinz from '../../assets/team/vinz.jpg'
|
|
import vito from '../../assets/team/vito.jpg'
|
|
import beat from '../../assets/team/beat.jpg'
|
|
import fabio from '../../assets/team/fabio.jpg'
|
|
import nadia from '../../assets/team/nadia.jpg'
|
|
import oskar from '../../assets/team/oskar.jpg'
|
|
import otto from '../../assets/team/otto.jpg'
|
|
import sven from '../../assets/team/sven.jpg'
|
|
import tino from '../../assets/team/tino.jpg'
|
|
import gian from '../../assets/team/gian.jpg'
|
|
import ida from '../../assets/team/ida.jpg'
|
|
import jana from '../../assets/team/jana.jpg'
|
|
import zeno from '../../assets/team/zeno.jpg'
|
|
// Thomas ist in Runde 6 dazugekommen und hat kein Porträt aus dem
|
|
// Konzeptdokument. Statt den Kopf eines bestehenden Mitarbeitenden
|
|
// zweitzuverwenden — jeder Kopf gehört genau einer Person — trägt er ein eigenes
|
|
// Porträt. Herkunft und Lizenz stehen in `assets/team/HERKUNFT.md`.
|
|
import thomas from '../../assets/team/thomas.jpg'
|
|
|
|
export const AGENT_PHOTOS: Record<string, string | undefined> = {
|
|
bruno,
|
|
ferdi,
|
|
livia,
|
|
nora,
|
|
sina,
|
|
ada,
|
|
carla,
|
|
diego,
|
|
dora,
|
|
emil,
|
|
filip,
|
|
kira,
|
|
lars,
|
|
mia,
|
|
paul,
|
|
pia,
|
|
rea,
|
|
rico,
|
|
uli,
|
|
vela,
|
|
vera,
|
|
vinz,
|
|
vito,
|
|
beat,
|
|
fabio,
|
|
nadia,
|
|
oskar,
|
|
otto,
|
|
sven,
|
|
tino,
|
|
gian,
|
|
ida,
|
|
jana,
|
|
zeno,
|
|
thomas,
|
|
}
|