refactor: architecture compliance pass — DS tokens, hook boundary, god component split, AI hardening

- DS token migration: Anfragen.tsx + child components (AnfragenInquiryItem, AnfragenMessageBubble)
  fully migrated; DS_TEXT.brandDark added; scoreTheme.ts moved to src/lib/ with re-export proxy
- Hook boundary: Results.tsx no longer calls needService directly — routes through useNeeds()
  with optional refetchOnMount/gcTime overrides
- NewListing.tsx (440L) split into useNewListingForm hook + 8 section components under
  src/components/new-listing/; page shell reduced to 121 lines
- AI hardening: Zod .strict() on all schemas, AIProvenance extended with schemaVersion/
  fallbackReason/traceId/latencyMs, AITraceStore stats with p50/p90/p99 + failure breakdowns,
  MockAIService buildFollowUpQuestions with priority ordering + area-ambiguity detection,
  prompt templates updated (LIGHT_INDUSTRIAL, budget unit, ambiguity detection, decimal precision)
- Tests: all 154 passing; fixed test regression caused by OfferEmailResponseSchema body min(50)

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

src/pages/demand/Anfragen.tsx

@@ -12,7 +12,7 @@ import type { InquiryMessage } from '../../domain/inquiry'
 import { STAGE_ORDER, STAGE_LABELS, detectKiStage } from './anfragenKiDetection'
 import { AnfragenMessageBubble } from '../../components/demand/AnfragenMessageBubble'
 import { AnfragenInquiryItem } from '../../components/demand/AnfragenInquiryItem'
-import { INQUIRY_STATUS_META, DS_COLORS } from '../../lib/ds'
+import { INQUIRY_STATUS_META, DS_COLORS, DS_TEXT, DS_BG, DS_BORDER, DS_SURFACE } from '../../lib/ds'
 
 // ── Config ────────────────────────────────────────────────────────────────────
 
@@ -130,13 +130,13 @@ export default function Anfragen() {
           minWidth: { md: 320 },
           flexShrink: 0,
           display: 'flex', flexDirection: 'column',
-          borderRight: '1px solid #e2e8f0',
+          borderRight: `1px solid ${DS_BORDER.default}`,
           overflow: 'hidden',
           bgcolor: 'white',
           transition: 'width 0.2s ease',
         }}
       >
-        <Box sx={{ px: 2, py: 2, borderBottom: '1px solid #e2e8f0' }}>
+        <Box sx={{ px: 2, py: 2, borderBottom: `1px solid ${DS_BORDER.default}` }}>
           <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', mb: 1.5 }}>
             <Typography variant="h6" sx={{ fontWeight: 700, fontSize: '1rem' }}>Anfragen</Typography>
             {totalUnread > 0 && (
@@ -147,7 +147,7 @@ export default function Anfragen() {
           <TextField
             size="small" placeholder="Suchen..." fullWidth
             value={search} onChange={e => setSearch(e.target.value)}
-            InputProps={{ startAdornment: <InputAdornment position="start"><Search size={14} color="#94a3b8" /></InputAdornment> }}
+            InputProps={{ startAdornment: <InputAdornment position="start"><Search size={14} color={DS_TEXT.disabled} /></InputAdornment> }}
             sx={{ mb: 1.25 }}
           />
           <Box sx={{ display: 'flex', gap: 0.5, flexWrap: 'wrap' }}>
@@ -155,10 +155,10 @@ export default function Anfragen() {
               <Chip key={tab.key} label={tab.label} size="small" onClick={() => setStatusFilter(tab.key)}
                 sx={{
                   height: 22, fontSize: '0.7rem', cursor: 'pointer',
-                  bgcolor: statusFilter === tab.key ? 'primary.main' : '#f1f5f9',
-                  color: statusFilter === tab.key ? 'white' : '#475569',
+                  bgcolor: statusFilter === tab.key ? 'primary.main' : DS_BG.subtle,
+                  color: statusFilter === tab.key ? 'white' : DS_TEXT.secondary,
                   fontWeight: statusFilter === tab.key ? 700 : 400,
-                  '&:hover': { bgcolor: statusFilter === tab.key ? 'primary.dark' : '#e2e8f0' },
+                  '&:hover': { bgcolor: statusFilter === tab.key ? 'primary.dark' : DS_BG.muted },
                 }}
               />
             ))}
@@ -188,7 +188,7 @@ export default function Anfragen() {
         display: { xs: mobileShowChat ? 'flex' : 'none', md: 'flex' },
         flexDirection: 'column',
         overflow: 'hidden',
-        bgcolor: '#f8fafc',
+        bgcolor: DS_BG.page,
         minWidth: 0,
       }}>
         {!selected ? (
@@ -199,7 +199,7 @@ export default function Anfragen() {
         ) : (
           <>
             {/* Chat header */}
-            <Box sx={{ px: 3, py: 1.75, bgcolor: 'white', borderBottom: '1px solid #e2e8f0', flexShrink: 0 }}>
+            <Box sx={{ px: 3, py: 1.75, bgcolor: 'white', borderBottom: `1px solid ${DS_BORDER.default}`, flexShrink: 0 }}>
               <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5 }}>
                 <IconButton size="small" sx={{ display: { md: 'none' }, mr: -0.5 }} onClick={() => setMobileShowChat(false)}>
                   <ArrowLeft size={16} />
@@ -219,10 +219,10 @@ export default function Anfragen() {
                 <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, flexShrink: 0 }}>
                   {selected.matchScore && (
                     <Chip label={`${selected.matchScore}%`} size="small" sx={{
-                      bgcolor: selected.matchScore >= 80 ? '#f0fdf4' : '#fffbeb',
-                      color: selected.matchScore >= 80 ? '#1a7a4a' : '#d97706',
+                      bgcolor: selected.matchScore >= 80 ? DS_SURFACE.success.bg : DS_SURFACE.warning.bg,
+                      color: selected.matchScore >= 80 ? DS_TEXT.success : DS_TEXT.warning,
                       fontWeight: 700, height: 22, fontSize: '0.75rem',
-                      border: `1px solid ${selected.matchScore >= 80 ? '#86efac' : '#fde68a'}`,
+                      border: `1px solid ${selected.matchScore >= 80 ? DS_SURFACE.success.border : DS_SURFACE.warning.border}`,
                     }} />
                   )}
                   <Chip
@@ -253,7 +253,7 @@ export default function Anfragen() {
               {/* Property reference */}
               {(linkedPipelineItem?.propertyAddress ?? selected.subject) && (
                 <Box sx={{ mt: 1, display: 'flex', alignItems: 'center', gap: 1 }}>
-                  <Building2 size={12} color="#64748b" />
+                  <Building2 size={12} color={DS_TEXT.muted} />
                   <Typography variant="caption" color="text.secondary">
                     {linkedPipelineItem?.propertyAddress ?? selected.subject}
                   </Typography>
@@ -286,7 +286,7 @@ export default function Anfragen() {
             </Box>
 
             {/* Composer */}
-            <Box sx={{ px: { xs: 2, md: 3 }, py: 2, bgcolor: 'white', borderTop: '1px solid #e2e8f0', flexShrink: 0 }}>
+            <Box sx={{ px: { xs: 2, md: 3 }, py: 2, bgcolor: 'white', borderTop: `1px solid ${DS_BORDER.default}`, flexShrink: 0 }}>
               <Box sx={{ display: 'flex', gap: 1, alignItems: 'flex-end' }}>
                 <TextField
                   multiline minRows={2} maxRows={6} fullWidth size="small"
@@ -297,9 +297,9 @@ export default function Anfragen() {
                   sx={{ '& .MuiOutlinedInput-root': { borderRadius: 2 } }}
                 />
                 <Box sx={{ display: 'flex', flexDirection: 'column', gap: 0.5 }}>
-                  <IconButton size="small" sx={{ color: '#94a3b8' }}><Paperclip size={16} /></IconButton>
+                  <IconButton size="small" sx={{ color: DS_TEXT.disabled }}><Paperclip size={16} /></IconButton>
                   <IconButton size="small" onClick={handleSend} disabled={!replyText.trim()}
-                    sx={{ bgcolor: 'primary.main', color: 'white', '&:hover': { bgcolor: 'primary.dark' }, '&:disabled': { bgcolor: '#e2e8f0', color: '#94a3b8' } }}>
+                    sx={{ bgcolor: 'primary.main', color: 'white', '&:hover': { bgcolor: 'primary.dark' }, '&:disabled': { bgcolor: DS_BG.muted, color: DS_TEXT.disabled } }}>
                     <Send size={16} />
                   </IconButton>
                 </Box>