feat: Anfragencenter Parts A–E — read/unread, prep wizard, offer flow, report preview

- Part A: Replace InquiryStatus badges with WhatsApp-style unread indicators
  (isRead, unreadCount, lastReadAt on Inquiry; markThreadAsRead in service + hook)
- Part B: RelatedPropertyCardPanel — reposition "Objekt ansehen", add "Weitere
  Matches" section via matchService.getAdditionalMatchesForInquiry
- Part C: PreparationWizard 4-step dialog — property selection, report generation
  progress, field editing + ReportObjectFieldSelector, PDF preview + finalize
- Part D: OfferCreationWizard 4-step dialog triggered from first tenant message —
  data capture, field editing, viewing appointments, PDF generation + attach to reply
- Part E: LatentInquiryReportPreview (2-page A4 doc), ReportObjectFieldSelector
  (5 accordion groups, 35+ optional fields), mapImageUrl on Property domain

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/components/anfragencenter/InquiryReplyComposer.tsx

@@ -1,16 +1,14 @@
-import { useState } from 'react'
+import { useEffect, useState } from 'react'
 import {
   Box,
   Button,
-  Checkbox,
   CircularProgress,
-  FormControlLabel,
   IconButton,
   TextField,
   Typography,
 } from '@mui/material'
 import { Send, Paperclip, X } from 'lucide-react'
-import { useSendInquiryReply, useUpdateInquiryStatus } from '../../hooks/useInquiries'
+import { useSendInquiryReply } from '../../hooks/useInquiries'
 import { useToastStore } from '../../stores/toastStore'
 import type { Attachment } from '../../domain/inquiry'
 import { formatFileSize } from './inquiryUtils'
@@ -19,25 +17,37 @@ interface InquiryReplyComposerProps {
   inquiryId: string
   defaultSubject: string
   onSent?: () => void
+  pendingAttachment?: Attachment | null
+  onPendingAttachmentConsumed?: () => void
 }
 
 export function InquiryReplyComposer({
   inquiryId,
   defaultSubject,
   onSent,
+  pendingAttachment,
+  onPendingAttachmentConsumed,
 }: InquiryReplyComposerProps) {
   const [subject, setSubject] = useState(
     defaultSubject.startsWith('Re:') ? defaultSubject : `Re: ${defaultSubject}`,
   )
   const [body, setBody] = useState('')
-  const [markAnswered, setMarkAnswered] = useState(true)
   const [attachments, setAttachments] = useState<Attachment[]>([])
 
   const sendReply = useSendInquiryReply()
-  const updateStatus = useUpdateInquiryStatus()
   const showToast = useToastStore(s => s.showToast)
 
-  const sending = sendReply.isPending || updateStatus.isPending
+  useEffect(() => {
+    if (pendingAttachment) {
+      setAttachments(prev => {
+        if (prev.find(a => a.id === pendingAttachment.id)) return prev
+        return [...prev, pendingAttachment]
+      })
+      onPendingAttachmentConsumed?.()
+    }
+  }, [pendingAttachment, onPendingAttachmentConsumed])
+
+  const sending = sendReply.isPending
 
   const handleAddMockAttachment = () => {
     const name = `Anhang_${attachments.length + 1}.pdf`
@@ -69,11 +79,6 @@ export function InquiryReplyComposer({
       showToast(`Fehler: ${result.error}`, 'error')
       return
     }
-    if (markAnswered) {
-      await updateStatus.mutateAsync({ id: inquiryId, status: 'answered' })
-    } else {
-      await updateStatus.mutateAsync({ id: inquiryId, status: 'in_progress' })
-    }
     showToast('Antwort gesendet', 'success')
     setBody('')
     setAttachments([])
@@ -119,20 +124,24 @@ export function InquiryReplyComposer({
                 alignItems: 'center',
                 gap: 0.75,
                 bgcolor: 'white',
-                border: '1px solid #cbd5e1',
+                border: '1px solid',
+                borderColor: a.generated ? '#bfdbfe' : '#cbd5e1',
                 borderRadius: 1,
                 px: 1,
                 py: 0.5,
                 fontSize: '0.75rem',
+                bgcolor: a.generated ? '#eff6ff' : 'white',
               }}
             >
-              <Paperclip size={12} />
-              <Typography variant="caption" sx={{ fontSize: '0.75rem' }}>
+              <Paperclip size={12} color={a.generated ? '#2563eb' : undefined} />
+              <Typography variant="caption" sx={{ fontSize: '0.75rem', color: a.generated ? '#1d4ed8' : undefined }}>
                 {a.fileName}
               </Typography>
-              <Typography variant="caption" sx={{ fontSize: '0.7rem', color: '#64748b' }}>
-                {formatFileSize(a.fileSize)}
-              </Typography>
+              {a.fileSize && (
+                <Typography variant="caption" sx={{ fontSize: '0.7rem', color: '#64748b' }}>
+                  {formatFileSize(a.fileSize)}
+                </Typography>
+              )}
               <IconButton size="small" onClick={() => handleRemoveAttachment(a.id)} sx={{ p: 0.25 }}>
                 <X size={12} />
               </IconButton>
@@ -142,30 +151,14 @@ export function InquiryReplyComposer({
       )}
 
       <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5, justifyContent: 'space-between' }}>
-        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
-          <Button
-            size="small"
-            startIcon={<Paperclip size={14} />}
-            onClick={handleAddMockAttachment}
-            sx={{ textTransform: 'none' }}
-          >
-            Anhang
-          </Button>
-          <FormControlLabel
-            control={
-              <Checkbox
-                size="small"
-                checked={markAnswered}
-                onChange={e => setMarkAnswered(e.target.checked)}
-              />
-            }
-            label={
-              <Typography variant="caption" sx={{ fontSize: '0.8rem' }}>
-                Status auf "Beantwortet" setzen
-              </Typography>
-            }
-          />
-        </Box>
+        <Button
+          size="small"
+          startIcon={<Paperclip size={14} />}
+          onClick={handleAddMockAttachment}
+          sx={{ textTransform: 'none' }}
+        >
+          Anhang
+        </Button>
         <Button
           variant="contained"
           size="small"