Benjamin Sutter
e1f4beb898
- 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>
53 lines
2.0 KiB
TypeScript
53 lines
2.0 KiB
TypeScript
import { Alert, Box, Button, Card, CircularProgress, TextField, Typography } from '@mui/material'
|
|
import { Sparkles } from 'lucide-react'
|
|
import { DS_TEXT, DS_SURFACE, DS_BORDER } from '../../lib/ds'
|
|
|
|
interface Props {
|
|
text: string
|
|
onTextChange: (v: string) => void
|
|
onParse: () => void
|
|
parsing: boolean
|
|
applied: boolean
|
|
}
|
|
|
|
export function AiAssistCard({ text, onTextChange, onParse, parsing, applied }: Props) {
|
|
return (
|
|
<Card sx={{ p: 3, mb: 3, border: `1px solid ${DS_SURFACE.indigo.border}`, bgcolor: DS_SURFACE.indigo.bg }}>
|
|
<Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 1.5 }}>
|
|
<Sparkles size={16} color={DS_TEXT.brand} />
|
|
<Typography variant="subtitle2" sx={{ fontWeight: 700, color: DS_TEXT.brand }}>
|
|
KI-Hilfe — Formular automatisch ausfüllen
|
|
</Typography>
|
|
</Box>
|
|
<Typography variant="caption" color="text.secondary" sx={{ display: 'block', mb: 1.5 }}>
|
|
Beschreiben Sie die Fläche in eigenen Worten — die KI füllt die Felder automatisch aus.
|
|
</Typography>
|
|
<TextField
|
|
multiline
|
|
rows={3}
|
|
fullWidth
|
|
size="small"
|
|
placeholder="z.B.: Bürofläche 450 m² im Zentrum Zürich, 3. OG, CHF 280/m²/Jahr, sehr gute ÖV-Anbindung, 4 Parkplätze, Vollausbau, verfügbar ab Juli 2025"
|
|
value={text}
|
|
onChange={e => onTextChange(e.target.value)}
|
|
sx={{ mb: 1.5, bgcolor: 'white' }}
|
|
/>
|
|
{applied && (
|
|
<Alert severity="success" sx={{ mb: 1.5, py: 0.5 }}>
|
|
Felder wurden automatisch ausgefüllt — bitte überprüfen und ergänzen.
|
|
</Alert>
|
|
)}
|
|
<Button
|
|
variant="contained"
|
|
size="small"
|
|
startIcon={parsing ? <CircularProgress size={13} color="inherit" /> : <Sparkles size={13} />}
|
|
onClick={onParse}
|
|
disabled={!text.trim() || parsing}
|
|
sx={{ bgcolor: DS_TEXT.brand, '&:hover': { bgcolor: DS_BORDER.strong }, textTransform: 'none' }}
|
|
>
|
|
{parsing ? 'Analysiert…' : 'KI analysieren'}
|
|
</Button>
|
|
</Card>
|
|
)
|
|
}
|