feat: F030 Anfragencenter — Aktive & Latente Anfragen + Angebot-Wizard

Neuer Menüpunkt «Anfragencenter» (ehemals «Eingehende Bedarfe»): Aktive Anfragen: - Split-View: Anfrageliste (Liste/Grid-Toggle) + Chat-Detailansicht - Chat-Verlauf mit Sender-Styling (Mieter links, Supply rechts) - Antwortformular mit Betreff, Nachricht, Anhänge, Statuswechsel - Zugehörige Property Card neben dem Chat Latente Anfragen: - Drei-Spalten-Layout: Need-Liste | Need-Detail | Eigene Objekte - Need Cards mit AI-Zusammenfassung, Must-Haves, Präferenzen - Eigene Portfolio-Objekte sortiert nach deterministischem Match-Score - Checkbox-Selektion für Angebotsauswahl Angebot-Wizard (4 Schritte): - Schritt 1: Objekte auswählen (mit Score-Vorschau) - Schritt 2: PDF-Vorschau + editierbare Textfelder - Schritt 3: Angebot prüfen & bestätigen - Schritt 4: Nachricht an Suchenden mit KI-generierter Mail Architektur: - Domain: Inquiry, LatentNeed, OfferDraft Types - Provider: IInquiryProvider, ILatentNeedProvider, IOfferProvider + Mockups - Services: inquiryService, latentNeedService, offerService - Hooks: useInquiries, useLatentNeeds, useOffers (TanStack Query) - Store: offerWizardStore (Zustand, lokaler Wizard-State) - 27 neue Komponenten, alle Loading/Empty/Error States Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-18 18:03:05 +02:00
parent 05ac0083b2
commit c4c29ef7d3
51 changed files with 4000 additions and 1 deletions
@@ -0,0 +1,88 @@
+import { Box, Paper, Typography } from '@mui/material'
+import { Building2 } from 'lucide-react'
+import type { Inquiry } from '../../domain/inquiry'
+import { InquiryStatusBadge } from './InquiryStatusBadge'
+import { formatInquiryDate, propertyLabelFromId } from './inquiryUtils'
+
+interface InquiryCardProps {
+  inquiry: Inquiry
+  selected: boolean
+  onClick: () => void
+}
+
+export function InquiryCard({ inquiry, selected, onClick }: InquiryCardProps) {
+  return (
+    <Paper
+      onClick={onClick}
+      elevation={0}
+      sx={{
+        p: 2,
+        borderRadius: 1.5,
+        border: '1px solid',
+        borderColor: selected ? '#1e3a5f' : '#e2e8f0',
+        bgcolor: selected ? '#f1f5f9' : 'white',
+        cursor: 'pointer',
+        transition: 'all 0.15s',
+        '&:hover': {
+          borderColor: selected ? '#1e3a5f' : '#94a3b8',
+          boxShadow: '0 2px 6px rgba(15,23,42,0.06)',
+        },
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 0.75,
+        minHeight: 160,
+      }}
+    >
+      <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', gap: 1 }}>
+        <Typography variant="body2" sx={{ fontWeight: 600, color: '#0f172a', fontSize: '0.85rem', lineHeight: 1.3 }}>
+          {inquiry.tenantName}
+          {inquiry.tenantCompany ? ` · ${inquiry.tenantCompany}` : ''}
+        </Typography>
+        <InquiryStatusBadge status={inquiry.status} />
+      </Box>
+
+      <Typography
+        variant="body2"
+        sx={{
+          fontWeight: 500,
+          color: '#1e293b',
+          fontSize: '0.85rem',
+          display: '-webkit-box',
+          WebkitLineClamp: 2,
+          WebkitBoxOrient: 'vertical',
+          overflow: 'hidden',
+        }}
+      >
+        {inquiry.subject}
+      </Typography>
+
+      <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.75, color: '#64748b' }}>
+        <Building2 size={13} />
+        <Typography variant="caption" sx={{ fontSize: '0.75rem' }}>
+          {propertyLabelFromId(inquiry.propertyId)}
+        </Typography>
+      </Box>
+
+      <Box sx={{ mt: 'auto', display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
+        <Typography variant="caption" sx={{ color: '#94a3b8', fontSize: '0.7rem' }}>
+          {formatInquiryDate(inquiry.createdAt)}
+        </Typography>
+        {inquiry.matchScore !== undefined && (
+          <Box
+            sx={{
+              px: 1,
+              py: 0.25,
+              borderRadius: 1,
+              bgcolor: '#e0e7ff',
+              color: '#3730a3',
+              fontWeight: 600,
+              fontSize: '0.7rem',
+            }}
+          >
+            Match {inquiry.matchScore}%
+          </Box>
+        )}
+      </Box>
+    </Paper>
+  )
+}