Benjamin Sutter
d200d4e930
Setzt das Umsetzungsbriefing Runde 4 im bestehenden Frontend um. Informationsarchitektur - «Teamübersicht» heisst «Meine Agenten»; ihr bisheriger Inhalt (Kreisgrafik, Auswertung, Verbindungszusammenfassung) ist entfallen. - Personalverwaltung, Bearbeitungsverlauf und Kanäle & Systeme sind jetzt Reiter derselben Seite (?section=), gestaltet wie die Auswahl im Bearbeitungsverlauf. Es wird nur der gewählte Bereich gerendert. - Die alten Unterseitenpfade leiten um, damit Lesezeichen nicht brechen. Agentenbestand - Reto und Lea vollständig entfernt — aus Navigation, Dossiers, Protokoll, Verbindungen, Vorgängen und Porträtbestand. - Retos Aufgaben liegen bei Bruno: Nachbereitung, WhatsApp-Anruf, Protokoll und Kundennotiz, Ablage im CRM. - Livia ist «Exposé Master»: Lageberichte, Inserate, Angebotsbroschüren. - Sidebar führt Ferdi, Bruno, Livia, Nora, Sina mit Porträt und Funktion. Agentenseiten - Ein gemeinsamer AgentWorkspaceHero auf allen fünf Seiten. - Ferdi: Auswertungskarten, Priorität und Typfarben entfallen; Fälligkeit nur bei fünf Tagen oder weniger rot; Objektlinks nach «Meine Objekte»; neu die Terminplanung im verbundenen Kalender mit typgerechtem PDF-Ausschnitt. - Sina: reduzierte, filter- und sortierbare Objektübersicht; Detailansicht direkt editierbar, leere Pflichtfelder rot umrandet. - Nora: Signale ohne Prozentsätze und Konfidenzstufen, nur belegbare Angaben; Mehrfachauswahl leitet Objekte an Livia weiter. - Livia: aktive und archivierte Leads, Arbeitsbereich gleitet an den oberen Rand; dreistufiger Exposé-Prozess Hochladen → Exposé → Export. - Bruno: neue Seite mit Auftragsliste und Vor-/Nachbereitungs-Drawer; Glocke warnt bei Besichtigung unter 24 Stunden ohne Bericht. Datenschicht - Neu: Kalender, Exposé-Leads, Exposé-Entwürfe, Besichtigungsaufträge — je Domain, Provider, Service und Hook. - IAIService um generateExposeText erweitert; der Entwurf nutzt ausschliesslich erfasste Objektdaten und meldet Lücken, statt sie zu füllen. - Alle Objektverweise zeigen auf reale Einträge aus «Meine Objekte»; neue Detailroute /supply/properties/:propertyId. Offen: Chat, Kalender, CRM und DMS sind Frontend-Simulation ohne Anbindung. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
65 lines
2.3 KiB
TypeScript
65 lines
2.3 KiB
TypeScript
import { useState } from 'react'
|
|
import { Alert, Box, Tab, Tabs } from '@mui/material'
|
|
import type { ExposeLead } from '../../domain/exposeLead'
|
|
import { useProperties } from '../../hooks/useProperties'
|
|
import { ExposeWizard } from './ExposeWizard'
|
|
import { PanelLoadingState } from '../ui'
|
|
import { DS_SLATE } from '../../lib/ds'
|
|
|
|
interface Props {
|
|
lead: ExposeLead
|
|
}
|
|
|
|
/**
|
|
* Arbeitsbereich zur Exposé-Erstellung, der sich unter dem gewählten Lead öffnet.
|
|
*
|
|
* Ein Lead kann mehrere Objekte empfehlen; jedes bekommt sein eigenes Exposé.
|
|
* Deshalb steht hier eine Objektauswahl darüber und nicht eine gemeinsame
|
|
* Broschüre für alles — ein Exposé beschreibt genau ein Objekt.
|
|
*/
|
|
export function LeadWorkspace({ lead }: Props) {
|
|
const { data: properties = [], isLoading } = useProperties()
|
|
// Kein Rücksetz-Effekt beim Leadwechsel nötig: die Liste rendert je Lead eine
|
|
// eigene Zeile, ein anderer Lead ist also ein neuer Arbeitsbereich.
|
|
const [propertyId, setPropertyId] = useState<string>(lead.propertyIds[0] ?? '')
|
|
|
|
if (isLoading) return <PanelLoadingState />
|
|
|
|
// Objektempfehlungen sind auf reale Einträge aus «Meine Objekte» beschränkt.
|
|
const recommended = lead.propertyIds
|
|
.map(id => properties.find(p => p.id === id))
|
|
.filter((p): p is NonNullable<typeof p> => Boolean(p))
|
|
|
|
if (recommended.length === 0) {
|
|
return (
|
|
<Box sx={{ p: 3 }}>
|
|
<Alert severity="warning">
|
|
Zu diesem Lead ist kein Objekt aus «Meine Objekte» hinterlegt — ohne Objekt lässt sich kein Exposé erstellen.
|
|
</Alert>
|
|
</Box>
|
|
)
|
|
}
|
|
|
|
const active = recommended.find(p => p.id === propertyId) ?? recommended[0]
|
|
|
|
return (
|
|
<Box sx={{ px: 3, py: 2.5, bgcolor: DS_SLATE[50], borderTop: '1px solid #e8e7e4', borderBottom: '1px solid #e8e7e4' }}>
|
|
{recommended.length > 1 && (
|
|
<Tabs
|
|
value={active.id}
|
|
onChange={(_, v: string) => setPropertyId(v)}
|
|
variant="scrollable"
|
|
scrollButtons="auto"
|
|
sx={{ mb: 2, '& .MuiTab-root': { textTransform: 'none', fontSize: '0.8125rem' } }}
|
|
>
|
|
{recommended.map(p => (
|
|
<Tab key={p.id} value={p.id} label={p.title} />
|
|
))}
|
|
</Tabs>
|
|
)}
|
|
|
|
<ExposeWizard leadId={lead.id} property={active} />
|
|
</Box>
|
|
)
|
|
}
|