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>
This commit is contained in:
Benjamin Sutter
2026-05-18 18:03:05 +02:00
parent 05ac0083b2
commit c4c29ef7d3
51 changed files with 4000 additions and 1 deletions
+50
View File
@@ -0,0 +1,50 @@
import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
import { inquiryService } from '../services/inquiryService'
import type { InquiryFilters } from '../provider/IInquiryProvider'
import type { InquiryStatus, Attachment } from '../domain/inquiry'
export function useActiveInquiries(filters?: InquiryFilters) {
return useQuery({
queryKey: ['inquiries', 'active', filters ?? {}],
queryFn: () => inquiryService.getActiveInquiries(filters),
select: (res) => res.data ?? [],
})
}
export function useInquiryById(id: string) {
return useQuery({
queryKey: ['inquiry', id],
queryFn: () => inquiryService.getInquiryById(id),
enabled: !!id,
select: (res) => res.data ?? null,
})
}
export function useSendInquiryReply() {
const qc = useQueryClient()
return useMutation({
mutationFn: ({
inquiryId,
payload,
}: {
inquiryId: string
payload: { subject?: string; body: string; attachments?: Attachment[] }
}) => inquiryService.sendInquiryReply(inquiryId, payload),
onSuccess: (_data, { inquiryId }) => {
qc.invalidateQueries({ queryKey: ['inquiry', inquiryId] })
qc.invalidateQueries({ queryKey: ['inquiries'] })
},
})
}
export function useUpdateInquiryStatus() {
const qc = useQueryClient()
return useMutation({
mutationFn: ({ id, status }: { id: string; status: InquiryStatus }) =>
inquiryService.updateInquiryStatus(id, status),
onSuccess: (_data, { id }) => {
qc.invalidateQueries({ queryKey: ['inquiry', id] })
qc.invalidateQueries({ queryKey: ['inquiries'] })
},
})
}