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.1 KiB
TypeScript
93 lines
3.1 KiB
TypeScript
import { Box, Chip, Typography } from '@mui/material'
|
|
import type { SuggestedQuestion } from '../../domain/assistant'
|
|
import { BADGE_COLORS, DS_BORDER, DS_SLATE, DS_SURFACE, DS_TEXT } from '../../lib/ds'
|
|
|
|
interface Props {
|
|
suggestions: SuggestedQuestion[]
|
|
onSelect: (question: string) => void
|
|
disabled?: boolean
|
|
}
|
|
|
|
const CATEGORY_COLORS: Record<string, string> = {
|
|
Match: '#4f46e5',
|
|
Datenqualität: DS_TEXT.warning,
|
|
Priorisierung: DS_TEXT.brand,
|
|
Empfehlung: DS_TEXT.success,
|
|
Risiko: DS_TEXT.error,
|
|
Tradeoffs: '#ea580c',
|
|
Strategie: '#0891b2',
|
|
Analyse: BADGE_COLORS.preMarket,
|
|
Erklärung: '#0891b2',
|
|
Evidenz: DS_TEXT.muted,
|
|
Review: BADGE_COLORS.preMarket,
|
|
Konfidenz: DS_TEXT.warning,
|
|
Fehler: DS_TEXT.error,
|
|
Fehleranalyse: '#ea580c',
|
|
Eskalation: '#ea580c',
|
|
Prozess: DS_TEXT.muted,
|
|
Kosten: DS_TEXT.success,
|
|
Impact: DS_TEXT.warning,
|
|
Optimierung: DS_TEXT.success,
|
|
Aktion: DS_TEXT.brand,
|
|
Überblick: DS_TEXT.muted,
|
|
Ranking: '#4f46e5',
|
|
}
|
|
|
|
export function AssistantPromptSuggestions({ suggestions, onSelect, disabled }: Props) {
|
|
if (suggestions.length === 0) return null
|
|
|
|
return (
|
|
<Box sx={{ px: 2, py: 1.25 }}>
|
|
<Typography variant="caption" sx={{ fontWeight: 700, textTransform: 'uppercase', letterSpacing: 0.5, color: DS_TEXT.disabled, display: 'block', mb: 0.75, fontSize: '0.65rem' }}>
|
|
Vorschläge
|
|
</Typography>
|
|
<Box sx={{ display: 'flex', flexDirection: 'column', gap: 0.625 }}>
|
|
{suggestions.map(s => {
|
|
const catColor = CATEGORY_COLORS[s.category] ?? DS_TEXT.muted
|
|
return (
|
|
<Box
|
|
key={s.id}
|
|
onClick={() => !disabled && onSelect(s.question)}
|
|
sx={{
|
|
px: 1.25,
|
|
py: 0.875,
|
|
borderRadius: 1.5,
|
|
border: `1px solid ${DS_BORDER.default}`,
|
|
cursor: disabled ? 'default' : 'pointer',
|
|
bgcolor: 'white',
|
|
opacity: disabled ? 0.5 : 1,
|
|
'&:hover': disabled ? {} : { bgcolor: DS_SURFACE.neutral.bg, borderColor: DS_BORDER.strong },
|
|
transition: 'all 0.1s ease',
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
gap: 1,
|
|
}}
|
|
>
|
|
<Box
|
|
sx={{
|
|
width: 3,
|
|
height: 28,
|
|
borderRadius: 2,
|
|
bgcolor: catColor,
|
|
flexShrink: 0,
|
|
opacity: 0.7,
|
|
}}
|
|
/>
|
|
<Box sx={{ flex: 1, minWidth: 0 }}>
|
|
<Typography variant="caption" sx={{ fontSize: '0.8rem', color: DS_SLATE[700], lineHeight: 1.4 }}>
|
|
{s.question}
|
|
</Typography>
|
|
<Chip
|
|
label={s.category}
|
|
size="small"
|
|
sx={{ height: 16, fontSize: '0.6rem', bgcolor: `${catColor}14`, color: catColor, fontWeight: 600, ml: 0.5, verticalAlign: 'middle' }}
|
|
/>
|
|
</Box>
|
|
</Box>
|
|
)
|
|
})}
|
|
</Box>
|
|
</Box>
|
|
)
|
|
}
|