feat: F008 AI need builder — smart parse, criteria review, follow-up & weighting

Domain: ParsedNeedCriteria, FollowUpQuestion, ParseNeedResult, NeedBuilderStep, WEIGHTING_KEYS/LABELS. Services: weightingService (asset-type profiles), aiService extended with parseNeed (keyword extraction mock, 1.4s delay) and generateFollowUpQuestions. Components: NeedBuilderProgress, NeedInput, ConfidenceFieldBadge, ExtractedFieldRow, CriteriaReviewPanel, FollowUpQuestionCard, FollowUpPanel, WeightingEditor, NeedCardPreview, NeedBuilderErrorState. Page: AINeedBuilderPage replaces AISearch with 4-step flow (input → review → weighting → save). Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-16 12:21:49 +02:00
parent cb18f3c381
commit 73a6a167e0
15 changed files with 1116 additions and 296 deletions
@@ -0,0 +1,65 @@
+import { Box, Button, Card, Typography } from '@mui/material'
+import { ArrowRight } from 'lucide-react'
+import type { FollowUpQuestion } from '../../domain/needBuilder'
+import { FollowUpQuestionCard } from './FollowUpQuestionCard'
+
+interface Props {
+  questions: FollowUpQuestion[]
+  answers: Record<string, string>
+  onAnswer: (id: string, answer: string) => void
+  onContinue: () => void
+}
+
+export function FollowUpPanel({ questions, answers, onAnswer, onContinue }: Props) {
+  const requiredUnanswered = questions
+    .filter(q => q.importance === 'required')
+    .filter(q => !answers[q.id])
+
+  const sorted = [
+    ...questions.filter(q => q.importance === 'required'),
+    ...questions.filter(q => q.importance === 'recommended'),
+    ...questions.filter(q => q.importance === 'optional'),
+  ]
+
+  return (
+    <Card sx={{ p: 3, height: '100%', display: 'flex', flexDirection: 'column' }}>
+      <Typography variant="subtitle1" sx={{ fontWeight: 600, mb: 0.5 }}>
+        Rückfragen der KI
+      </Typography>
+      <Typography variant="caption" color="text.secondary" sx={{ display: 'block', mb: 2 }}>
+        Beantworten Sie die Pflichtfelder für optimale Ergebnisse.
+      </Typography>
+
+      <Box sx={{ flex: 1, overflow: 'auto' }}>
+        <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>
+          {sorted.map(q => (
+            <FollowUpQuestionCard
+              key={q.id}
+              question={q}
+              answer={answers[q.id] ?? ''}
+              onAnswer={ans => onAnswer(q.id, ans)}
+            />
+          ))}
+        </Box>
+      </Box>
+
+      <Box sx={{ pt: 2, mt: 'auto' }}>
+        {requiredUnanswered.length > 0 && (
+          <Typography variant="caption" color="error" sx={{ display: 'block', mb: 1 }}>
+            {requiredUnanswered.length} Pflichtfeld{requiredUnanswered.length > 1 ? 'er' : ''} fehlt noch.
+          </Typography>
+        )}
+        <Button
+          variant="contained"
+          fullWidth
+          disabled={requiredUnanswered.length > 0}
+          onClick={onContinue}
+          endIcon={<ArrowRight size={16} />}
+          sx={{ bgcolor: '#1e3a5f', '&:hover': { bgcolor: '#162d4a' } }}
+        >
+          Weiter zur Gewichtung
+        </Button>
+      </Box>
+    </Card>
+  )
+}