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/AISearch.tsx

@@ -1,13 +1,5 @@
 import { useRef, useState } from 'react'
-import {
-  Alert,
-  Box,
-  Button,
-  CircularProgress,
-  Divider,
-  Typography,
-} from '@mui/material'
-import { ArrowRight, Bookmark, Save, Search } from 'lucide-react'
+import { Box, Typography } from '@mui/material'
 import { useNavigate } from 'react-router'
 import { useQueryClient } from '@tanstack/react-query'
 import {
@@ -15,9 +7,10 @@ import {
   NeedInput,
   VoiceNeedInput,
   WeightingEditor,
-  NeedCardPreview,
   NeedBuilderErrorState,
 } from '../../components/demand'
+import { AISearchActionBar } from '../../components/demand/AISearchActionBar'
+import { AISearchSavePreview } from '../../components/demand/AISearchSavePreview'
 import { useParseNeed } from '../../hooks/useAI'
 import { useCreateNeed } from '../../hooks/useNeeds'
 import { useDefaultWeights } from '../../hooks/useWeighting'
@@ -25,12 +18,8 @@ import { NeedBuilderStep } from '../../domain/needBuilder'
 import type { ParseNeedResult, ParsedNeedCriteria, WeightingKey } from '../../domain/needBuilder'
 import { generateSummary, buildNeedInput } from '../../services/aiSearch/needSearchMapper'
 
-// ── Action intent ─────────────────────────────────────────────────────────────
-
 type ActionIntent = 'search' | 'save-profile'
 
-// ── Page ──────────────────────────────────────────────────────────────────────
-
 export default function AISearch() {
   const navigate = useNavigate()
   const queryClient = useQueryClient()
@@ -90,7 +79,6 @@ export default function AISearch() {
     })
   }
 
-  // Resolve criteria (parse text if needed), then either search or show save preview
   function handleAction(chosenIntent: ActionIntent) {
     setIntent(chosenIntent)
     setError(null)
@@ -130,7 +118,6 @@ export default function AISearch() {
     resolvedResult: ParseNeedResult | null,
   ) {
     if (chosenIntent === 'search') {
-      // Save as DRAFT and navigate immediately
       setStep(NeedBuilderStep.SAVING)
       const conf = resolvedResult
         ? Object.values(resolvedResult.confidenceByField).reduce((s, v) => s + v, 0) /
@@ -150,7 +137,6 @@ export default function AISearch() {
       return
     }
 
-    // save-profile: show preview step
     const confidenceByField: Record<string, number> = resolvedResult?.confidenceByField ?? {}
     if (!resolvedResult) {
       if (resolved.assetType) confidenceByField.assetType = 1.0
@@ -229,10 +215,9 @@ export default function AISearch() {
 
       <Box sx={{ flex: 1, overflowY: 'auto', px: 3, py: 3 }}>
 
-        {/* ── IDLE: full form ── */}
+        {/* IDLE: full form */}
         {(step === NeedBuilderStep.IDLE || step === NeedBuilderStep.PARSING) && (
           <Box sx={{ display: 'flex', flexDirection: 'column', gap: 3, maxWidth: 1200, mx: 'auto' }}>
-
             <VoiceNeedInput
               text={inputText}
               onTextChange={handleTextChange}
@@ -240,7 +225,6 @@ export default function AISearch() {
               onAiSubmit={handleAiAutofill}
               isAnalyzing={step === NeedBuilderStep.PARSING}
             />
-
             <Box className="grid grid-cols-2 gap-4" sx={{ alignItems: 'start' }}>
               <NeedInput criteria={criteria} onCriteriaChange={handleCriteriaChange} />
               <WeightingEditor
@@ -250,108 +234,32 @@ export default function AISearch() {
                 assetType={criteria.assetType}
               />
             </Box>
-
-            {/* Action bar */}
-            <Box sx={{ display: 'flex', gap: 2, alignItems: 'center' }}>
-              <Button
-                variant="contained"
-                size="large"
-                disabled={!canProceed || isProcessing}
-                onClick={() => handleAction('search')}
-                endIcon={
-                  isProcessing && intent === 'search'
-                    ? <CircularProgress size={18} color="inherit" />
-                    : <Search size={18} />
-                }
-                sx={{
-                  flex: 1,
-                  py: 1.5,
-                  bgcolor: '#1e3a5f',
-                  '&:hover': { bgcolor: '#162d4a' },
-                  fontSize: 15,
-                  fontWeight: 600,
-                  textTransform: 'none',
-                }}
-              >
-                {isProcessing && intent === 'search' ? 'Sucht…' : 'Jetzt suchen'}
-              </Button>
-
-              <Divider orientation="vertical" flexItem sx={{ mx: 0.5 }} />
-
-              <Button
-                variant="outlined"
-                size="large"
-                disabled={!canProceed || isProcessing}
-                onClick={() => handleAction('save-profile')}
-                startIcon={<Bookmark size={16} />}
-                endIcon={
-                  isProcessing && intent === 'save-profile'
-                    ? <CircularProgress size={18} color="inherit" />
-                    : <ArrowRight size={18} />
-                }
-                sx={{
-                  py: 1.5,
-                  fontSize: 15,
-                  fontWeight: 500,
-                  textTransform: 'none',
-                  whiteSpace: 'nowrap',
-                }}
-              >
-                {isProcessing && intent === 'save-profile' ? 'Analysiert…' : 'Als Suchprofil speichern'}
-              </Button>
-            </Box>
-
-            <Alert severity="info" sx={{ mt: -1 }}>
-              <strong>Jetzt suchen</strong> liefert sofortige Ergebnisse.{' '}
-              <strong>Als Suchprofil speichern</strong> legt einen dauerhaften Bedarf an, der automatisch mit neuen Angeboten abgeglichen wird — auch in Zukunft.
-            </Alert>
-          </Box>
-        )}
-
-        {/* ── Preview + Save as Profile ── */}
-        {isSaveStep && parseResult && editedCriteria && (
-          <Box sx={{ maxWidth: 1200, mx: 'auto' }}>
-            <Alert severity="success" sx={{ mb: 3 }}>
-              Dieses Suchprofil wird als aktiver Bedarf gespeichert und erscheint automatisch im Match Center der Verwaltung.
-            </Alert>
-            <NeedCardPreview
-              criteria={editedCriteria}
-              weights={weights}
-              confidenceByField={parseResult.confidenceByField}
-              missingFields={parseResult.missingFields}
-              needTitle={needTitle}
-              onNeedTitleChange={setNeedTitle}
+            <AISearchActionBar
+              canProceed={canProceed}
+              isSearching={isProcessing && intent === 'search'}
+              isSavingProfile={isProcessing && intent === 'save-profile'}
+              onSearch={() => handleAction('search')}
+              onSaveProfile={() => handleAction('save-profile')}
             />
-            <Box sx={{ maxWidth: 720, mx: 'auto', display: 'flex', justifyContent: 'space-between', mt: 3 }}>
-              <Button
-                variant="outlined"
-                onClick={() => setStep(NeedBuilderStep.IDLE)}
-                disabled={step === NeedBuilderStep.SAVING}
-              >
-                ← Zurück
-              </Button>
-              <Button
-                variant="contained"
-                onClick={handleSaveProfile}
-                disabled={step === NeedBuilderStep.SAVING}
-                endIcon={
-                  step === NeedBuilderStep.SAVING
-                    ? <CircularProgress size={16} color="inherit" />
-                    : <Save size={16} />
-                }
-                sx={{ bgcolor: '#1e3a5f', '&:hover': { bgcolor: '#162d4a' }, textTransform: 'none' }}
-              >
-                {step === NeedBuilderStep.SAVING
-                  ? 'Wird gespeichert…'
-                  : overallConfidence < 0.6
-                    ? 'Als Entwurf speichern'
-                    : 'Suchprofil speichern & Matching starten'}
-              </Button>
-            </Box>
           </Box>
         )}
 
-        {/* ── Error ── */}
+        {/* Save preview step */}
+        {isSaveStep && parseResult && editedCriteria && (
+          <AISearchSavePreview
+            criteria={editedCriteria}
+            weights={weights}
+            parseResult={parseResult}
+            needTitle={needTitle}
+            overallConfidence={overallConfidence}
+            isSaving={step === NeedBuilderStep.SAVING}
+            onNeedTitleChange={setNeedTitle}
+            onBack={() => setStep(NeedBuilderStep.IDLE)}
+            onSave={handleSaveProfile}
+          />
+        )}
+
+        {/* Error */}
         {step === NeedBuilderStep.ERROR && (
           <NeedBuilderErrorState message={error ?? 'Unbekannter Fehler'} onRetry={handleRetry} />
         )}