Benjamin Sutter
8377ce03b5
Setzt die Referenzgrafik «Agenten_Bewirtschaftung_v2» um: die 36 digitalen Mitarbeitenden in konzentrischen Ringen, Kernteam innen und gold gerahmt. DATENBASIS Alle 36 Mitarbeitenden samt Porträts sind aus dem Konzeptdokument extrahiert. Die Stufen stecken bereits in den Quelldaten und decken sich exakt mit den Bereichen: lvl 1 = 7 Kernteam, lvl 2 = 18 Zentrale Dienste, lvl 3 = 7 GB Kommerziell, lvl 4 = 4 GB Wohnen. Auch die Reiterbeschriftungen sind wörtlich übernommen — keine neuen Stufennamen erfunden. Neu getrennt: `AgentDirectoryEntry` trägt die Stammdaten aller 36 für die Kreisdarstellung, `TeamAgent` bleibt das vollständige Dossier der sieben Kernteammitglieder. Für die übrigen 29 werden bewusst keine Aufgaben, Kanäle oder Tätigkeiten erfunden; ein Klick zeigt nur eine Vorschau aus dem Verzeichnis. ABWEICHUNG VOM AUFTRAG Der Auftrag nennt als Kernteam Ferdi, Sami, Leo, Bruno, Reto, Milo, Nora. Referenzgrafik und Konzeptdaten sagen übereinstimmend Ferdi, Sina, Lea, Bruno, Reto, Livia, Nora — dort tragen genau diese sieben `kern: true` und `lvl: 1`. Da der Auftrag die Grafik selbst als verbindlich erklärt und Namen laut §10 kein Primärschlüssel sind, folge ich Grafik und Daten. Sami, Leo und Milo kommen in keiner Quelle vor. OBERFLÄCHE - Teamübersicht: Beschreibungstext und «Demo zurücksetzen» entfernt, Kreis mit kumulativen Stufenreitern direkt unter dem Titel - Personalverwaltung: Umschaltung Dossieransicht / Organigramm über ?view=, Organigramm als oben abgeschnittener Halbkreis mit drehbarem Agentenrad (Ziehen, Touch, Pfeiltasten, Klick), aktiv ist wer unten mittig einrastet - Dossier: Untermenü direkt unter den Stammdaten, «Agentenbeschrieb» als erster Reiter, Zuständigkeiten auf drei gekürzt - Kanäle & Systeme: vier Karten pro Zeile, Kategorie-Sinnbild links vor dem Titel, Porträtgruppe statt Namensliste, ein Regler statt Verbinden/Trennen - Bearbeitungsverlauf: neutrale Karten, Farbe nur noch bei Ausnahmepriorität und abweichendem Status, mehr Weissraum Markenlogos gibt es im Repo nicht und wurden nicht nachgezeichnet — je Kategorie steht ein neutrales Sinnbild. Fehlendes Asset, bewusst so gelöst. Positionsdaten stehen ausschliesslich in `agentRingConfig.ts`; Vollkreis und Halbkreis teilen sich dieselbe Geometrie. AUFGERÄUMT `AgentCard` ist durch die Kreisdarstellung ersetzt und entfernt, seine Zusagen sind in `TeamOverviewRing.test.tsx` übergegangen — inklusive der wichtigsten: ausserhalb des Kernteams führt kein Klick in ein Dossier. Zwei echte Fehler unterwegs behoben: jsdom kennt keinen `ResizeObserver` (jetzt mit Rückfallebene statt Absturz), und das Rad las eine Ref im Render. 413 Tests grün, Build grün, ESLint über den Property-On-Code sauber, check:tokens unverändert bei 2249. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
62 lines
2.3 KiB
TypeScript
62 lines
2.3 KiB
TypeScript
import { Box, Popover, Typography } from '@mui/material'
|
|
import type { AgentDirectoryEntry } from '../../domain/agentDirectory'
|
|
import { AgentAvatar } from './AgentAvatar'
|
|
import { GenericBadge } from '../shared/GenericBadge'
|
|
import { AGENT_LEVEL_LABELS, AGENT_ROLLOUT_LABELS } from '../../lib/constants'
|
|
import { DS_TEXT } from '../../lib/ds'
|
|
|
|
interface Props {
|
|
agent: AgentDirectoryEntry | null
|
|
anchorEl: HTMLElement | null
|
|
onClose: () => void
|
|
}
|
|
|
|
/**
|
|
* Kompakte Vorschau für Mitarbeitende ausserhalb des Kernteams.
|
|
*
|
|
* Bewusst kein Dossier: nur die sieben Kernteammitglieder besitzen ein
|
|
* gepflegtes Personalblatt. Für die übrigen 29 zeigt die Vorschau ausschliesslich
|
|
* das, was im Verzeichnis steht — Name, Funktion, Bereich, Aufbaustand. Es
|
|
* werden keine Aufgaben, Kanäle oder Tätigkeiten erfunden.
|
|
*/
|
|
export function AgentPreviewPopover({ agent, anchorEl, onClose }: Props) {
|
|
return (
|
|
<Popover
|
|
open={!!agent && !!anchorEl}
|
|
anchorEl={anchorEl}
|
|
onClose={onClose}
|
|
anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}
|
|
transformOrigin={{ vertical: 'top', horizontal: 'center' }}
|
|
slotProps={{ paper: { sx: { p: 2, maxWidth: 300, borderRadius: 2 } } }}
|
|
>
|
|
{agent && (
|
|
<Box sx={{ display: 'flex', gap: 1.5, alignItems: 'flex-start' }}>
|
|
<AgentAvatar agent={agent} size="medium" loading="eager" />
|
|
<Box sx={{ minWidth: 0 }}>
|
|
<Typography sx={{ fontWeight: 700, fontSize: '0.9375rem', color: DS_TEXT.primary }}>
|
|
{agent.name}
|
|
</Typography>
|
|
<Typography variant="body2" sx={{ color: DS_TEXT.secondary }}>
|
|
{agent.role}
|
|
</Typography>
|
|
<Typography variant="caption" sx={{ color: DS_TEXT.muted, display: 'block', mt: 0.5 }}>
|
|
{AGENT_LEVEL_LABELS[agent.level] ?? agent.level}
|
|
</Typography>
|
|
|
|
<Box sx={{ mt: 1 }}>
|
|
<GenericBadge
|
|
label={AGENT_ROLLOUT_LABELS[agent.rollout] ?? agent.rollout}
|
|
semanticVariant="muted"
|
|
/>
|
|
</Box>
|
|
|
|
<Typography variant="caption" sx={{ color: DS_TEXT.muted, display: 'block', mt: 1.25 }}>
|
|
Für diese Stufe ist noch kein Personaldossier hinterlegt.
|
|
</Typography>
|
|
</Box>
|
|
</Box>
|
|
)}
|
|
</Popover>
|
|
)
|
|
}
|