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>
93 lines
3.2 KiB
TypeScript
93 lines
3.2 KiB
TypeScript
import { Box, Typography } from '@mui/material'
|
|
import { AssistantActionCards } from './AssistantActionCards'
|
|
import type { AssistantMessage } from '../../domain/assistant'
|
|
import { DS_ACCENT, DS_SLATE } from '../../lib/ds'
|
|
|
|
function MessageBubble({ message }: { message: AssistantMessage }) {
|
|
const isUser = message.role === 'user'
|
|
|
|
return (
|
|
<Box sx={{ display: 'flex', flexDirection: isUser ? 'row-reverse' : 'row', gap: 1, px: 2, py: 0.75, alignItems: 'flex-start' }}>
|
|
{!isUser && (
|
|
<Box
|
|
sx={{
|
|
width: 28, height: 28, borderRadius: '50%', bgcolor: DS_ACCENT.indigo.main,
|
|
display: 'flex', alignItems: 'center', justifyContent: 'center', flexShrink: 0, mt: 0.25,
|
|
}}
|
|
>
|
|
<Typography variant="caption" sx={{ color: 'white', fontWeight: 700, fontSize: '0.625rem' }}>AI</Typography>
|
|
</Box>
|
|
)}
|
|
|
|
<Box sx={{ maxWidth: '80%', minWidth: 0 }}>
|
|
{/* Bubble */}
|
|
<Box
|
|
sx={{
|
|
px: 1.5,
|
|
py: 1,
|
|
borderRadius: isUser ? '8px 8px 2px 8px' : '2px 8px 8px 8px',
|
|
bgcolor: isUser ? '#152642' : '#f1f5f9',
|
|
color: isUser ? 'white' : '#1e293b',
|
|
}}
|
|
>
|
|
<Typography
|
|
variant="body2"
|
|
sx={{
|
|
fontSize: '0.8125rem',
|
|
lineHeight: 1.6,
|
|
whiteSpace: 'pre-wrap',
|
|
color: 'inherit',
|
|
'& strong': { fontWeight: 700 },
|
|
}}
|
|
dangerouslySetInnerHTML={{
|
|
__html: message.content
|
|
.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>')
|
|
.replace(/\n/g, '<br/>'),
|
|
}}
|
|
/>
|
|
</Box>
|
|
|
|
{/* Metadata */}
|
|
{!isUser && (message.confidence !== undefined || (message.sources && message.sources.length > 0)) && (
|
|
<Box sx={{ display: 'flex', gap: 0.75, mt: 0.5, flexWrap: 'wrap', alignItems: 'center' }}>
|
|
{message.confidence !== undefined && (
|
|
<Typography variant="caption" sx={{ fontSize: '0.65rem', color: DS_SLATE[400] }}>
|
|
Konfidenz: {Math.round(message.confidence * 100)}%
|
|
</Typography>
|
|
)}
|
|
{message.sources?.map(s => (
|
|
<Typography key={s} variant="caption" sx={{ fontSize: '0.65rem', color: DS_SLATE[400], bgcolor: DS_SLATE[50], px: 0.5, py: 0.125, borderRadius: 0.5, border: '1px solid #e2e8f0' }}>
|
|
{s}
|
|
</Typography>
|
|
))}
|
|
</Box>
|
|
)}
|
|
|
|
{/* Timestamp */}
|
|
<Typography variant="caption" sx={{ display: 'block', fontSize: '0.6rem', color: DS_SLATE[300], mt: 0.25, textAlign: isUser ? 'right' : 'left' }}>
|
|
{new Date(message.createdAt).toLocaleTimeString('de-CH', { timeStyle: 'short' })}
|
|
</Typography>
|
|
</Box>
|
|
</Box>
|
|
)
|
|
}
|
|
|
|
interface Props {
|
|
messages: AssistantMessage[]
|
|
}
|
|
|
|
export function AssistantMessageList({ messages }: Props) {
|
|
return (
|
|
<Box>
|
|
{messages.map((msg) => (
|
|
<Box key={msg.id}>
|
|
<MessageBubble message={msg} />
|
|
{msg.role === 'assistant' && msg.actions && msg.actions.length > 0 && (
|
|
<AssistantActionCards actions={msg.actions} />
|
|
)}
|
|
</Box>
|
|
))}
|
|
</Box>
|
|
)
|
|
}
|