feat(cra): MaschinenVO-Gefährdungs-Ableitung + Cyber-Safety-Brücke

3-Tier-MaschinenVO-Verdict (direkt / sicherheitsrelevant / nicht relevant) aus
Personengefährdungs-Signal: eine Komponente ist keine Maschine, aber wenn ihre
Funktion bei Fehler ODER Manipulation Personen gefaehrden kann (Bewegung, Laser/
Auge, Kraft, Temperatur, elektrisch), ist sie sicherheitsrelevant — Pflicht
trifft den Maschinenbauer, Zulieferer liefert Nachweise, und ein Cyber-Angriff
kann die Sicherheitsfunktion aushebeln (Cyber-Safety-Bruecke). OWIS-mit-Laser
landet so korrekt als 'sicherheitsrelevante Komponente'. Engine + /readiness
additiv; Frontend: Gefährdungs-Frage + -Typen, MaschinenVO-Ergebnisblock.
Presets aktualisiert (OWIS: Laser+Bewegung, Zwick: Bewegung). 22 Tests gruen.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

admin-compliance/app/sdk/cra/_components/ReadinessCheck.tsx

@@ -30,6 +30,13 @@ const EVIDENCE = [
   { k: 'auth_concept', label: 'Auth-/Passwortkonzept' },
   { k: 'incident_process', label: 'Incident-/Meldeprozess' },
 ]
+const HAZARDS = [
+  { k: 'movement_crush', label: 'Bewegung / Quetschen' },
+  { k: 'laser_radiation', label: 'Laser / Strahlung (Auge)' },
+  { k: 'force_energy', label: 'Kraft / Energie' },
+  { k: 'temperature', label: 'Temperatur / Hitze' },
+  { k: 'electrical', label: 'Elektrisch' },
+]
 
 export function ReadinessCheck({ onCreateProject }: { onCreateProject?: () => void }) {
   const [intendedUse, setIntendedUse] = useState('')
@@ -37,6 +44,8 @@ export function ReadinessCheck({ onCreateProject }: { onCreateProject?: () => vo
   const [flags, setFlags] = useState<Record<string, boolean>>({})
   const [after2027, setAfter2027] = useState(true)
   const [customersAsk, setCustomersAsk] = useState(false)
+  const [safetyRelevant, setSafetyRelevant] = useState(false)
+  const [hazards, setHazards] = useState<Record<string, boolean>>({})
   const [evidence, setEvidence] = useState<Record<string, boolean>>({})
   const [digitalElements, setDigitalElements] = useState<string[]>([])
   const [result, setResult] = useState<ReadinessResult | null>(null)
@@ -44,6 +53,7 @@ export function ReadinessCheck({ onCreateProject }: { onCreateProject?: () => vo
 
   const toggle = (k: string) => setFlags((f) => ({ ...f, [k]: !f[k] }))
   const toggleEv = (k: string) => setEvidence((e) => ({ ...e, [k]: !e[k] }))
+  const toggleHz = (k: string) => setHazards((h) => ({ ...h, [k]: !h[k] }))
 
   const applyPreset = (p: ReadinessPreset) => {
     setIntendedUse(p.intended_use)
@@ -51,6 +61,8 @@ export function ReadinessCheck({ onCreateProject }: { onCreateProject?: () => vo
     setFlags({ ...p.flags })
     setAfter2027(p.placed_on_market_after_2027)
     setCustomersAsk(p.customers_request_cra_evidence)
+    setSafetyRelevant(p.safety_relevant)
+    setHazards(Object.fromEntries(p.hazard_types.map((k) => [k, true])))
     setEvidence(Object.fromEntries(p.provided_evidence.map((k) => [k, true])))
     setDigitalElements(p.digital_elements)
     setResult(null)
@@ -68,6 +80,8 @@ export function ReadinessCheck({ onCreateProject }: { onCreateProject?: () => vo
           customers_request_cra_evidence: customersAsk,
           provided_evidence: Object.keys(evidence).filter((k) => evidence[k]),
           digital_elements: digitalElements,
+          safety_relevant: safetyRelevant,
+          hazard_types: Object.keys(hazards).filter((k) => hazards[k]),
           ...flags,
         }),
       })
@@ -137,6 +151,25 @@ export function ReadinessCheck({ onCreateProject }: { onCreateProject?: () => vo
         </label>
       </div>
 
+      {/* Personengefährdung → MaschinenVO-Bezug + Cyber-Safety-Brücke */}
+      <label className="flex items-center gap-2 text-xs font-medium text-gray-700 dark:text-gray-300 mb-1">
+        <input type="checkbox" checked={safetyRelevant} onChange={() => setSafetyRelevant((b) => !b)} className="rounded" />
+        Kann die Funktion bei Fehler oder Manipulation Personen gefährden?
+      </label>
+      {safetyRelevant && (
+        <div className="flex flex-wrap gap-1.5 mb-3 ml-5">
+          {HAZARDS.map((h) => (
+            <button key={h.k} type="button" onClick={() => toggleHz(h.k)}
+              className={`rounded px-2 py-0.5 text-[11px] border ${
+                hazards[h.k]
+                  ? 'border-amber-400 bg-amber-100 text-amber-800 dark:bg-amber-900/40 dark:text-amber-200'
+                  : 'border-gray-200 dark:border-gray-600 text-gray-600 dark:text-gray-300 hover:border-amber-300'}`}>
+              {h.label}
+            </button>
+          ))}
+        </div>
+      )}
+
       {/* Vorhandene Nachweise → Reifegrad */}
       <p className="text-xs text-gray-500 mb-1">Welche Nachweise haben Sie bereits?</p>
       <div className="grid sm:grid-cols-4 gap-1.5 mb-4">