Merge auftraege/w2-auftraege: Auftrags-UI (Strang W2)

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

src/components/finance/SettingsCard.jsx

@@ -13,6 +13,7 @@ import {
   settingsToForm,
   validateSettingsForm,
 } from '../../lib/financeSettings'
+import { STEUERNUMMER_HINWEIS, steuernummerAenderung } from '../../lib/kundenFelder'
 
 const LOAD_ERROR = 'Die Einstellungen konnten nicht geladen werden.'
 const fieldId = (name) => `fin-set-${name}`
@@ -44,6 +45,8 @@ export default function SettingsCard() {
 
 function SettingsForm({ initial }) {
   const [form, setForm] = useState(() => settingsToForm(initial))
+  const [steuernummer, setSteuernummer] = useState(() => (typeof initial?.steuernummer === 'string' ? initial.steuernummer : ''))
+  const gespeichertRef = useRef(typeof initial?.steuernummer === 'string' ? initial.steuernummer : '')
   const [errors, setErrors] = useState({})
   const [busy, setBusy] = useState(false)
   const [notice, setNotice] = useState(null) // { tone: 'ok' | 'warn', text }
@@ -68,10 +71,12 @@ function SettingsForm({ initial }) {
     e.preventDefault()
     if (lockRef.current) return
     const check = validateSettingsForm(form)
-    if (!check.ok) {
-      setErrors(check.errors)
+    const stn = steuernummerAenderung(steuernummer, gespeichertRef.current)
+    if (!check.ok || !stn.ok) {
+      const fehler = { ...(check.errors || {}), ...(stn.ok ? {} : { steuernummer: stn.fehler }) }
+      setErrors(fehler)
       setNotice({ tone: 'warn', text: 'Bitte die markierten Felder prüfen. Es wurde nichts gespeichert.' })
-      const first = SETTINGS_FIELD_ORDER.find((name) => check.errors[name])
+      const first = [...SETTINGS_FIELD_ORDER, 'steuernummer'].find((name) => fehler[name])
       if (first) document.getElementById(fieldId(first))?.focus()
       return
     }
@@ -80,9 +85,12 @@ function SettingsForm({ initial }) {
     setErrors({})
     setNotice(null)
     try {
-      const data = await patchSettings(check.payload)
+      const data = await patchSettings({ ...check.payload, ...stn.payload })
       if (!aliveRef.current) return
       if (data?.einstellungen) setForm(settingsToForm(data.einstellungen))
+      const gespeichert = typeof data?.einstellungen?.steuernummer === 'string' ? data.einstellungen.steuernummer : steuernummer.trim()
+      setSteuernummer(gespeichert)
+      gespeichertRef.current = gespeichert
       setNotice({ tone: 'ok', text: 'Gespeichert.' })
     } catch (err) {
       if (aliveRef.current) setNotice({ tone: 'warn', text: apiErrorMessage(err) })
@@ -148,6 +156,19 @@ function SettingsForm({ initial }) {
           <div className={`fin-counter${tooLong ? ' fin-counter-over' : ''}`}>
             {length} / {SETTINGS_LIMITS.maxBankDetails} Zeichen
           </div>
+          <FormField id={fieldId('steuernummer')} label="Steuernummer" hint={STEUERNUMMER_HINWEIS} error={errors.steuernummer}>
+            <input
+              className="input"
+              autoComplete="off"
+              value={steuernummer}
+              onChange={(e) => {
+                setSteuernummer(e.target.value)
+                setErrors((er) => (er.steuernummer ? { ...er, steuernummer: undefined } : er))
+                if (notice) setNotice(null)
+              }}
+              placeholder="z. B. 12/345/67890 oder DE123456789"
+            />
+          </FormField>
         </fieldset>
 
         {notice && <p {...noticeProps(notice.tone, 'fin-notice')}>{notice.text}</p>}