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>
This commit is contained in:
Benjamin Admin
2026-06-16 18:48:52 +02:00
parent 2b5c155f57
commit 62fafaaec5
6 changed files with 187 additions and 2 deletions
@@ -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">
@@ -30,6 +30,13 @@ export interface ReadinessResult {
maturity?: { pct: number; present: EvidenceItem[]; missing: EvidenceItem[]; total: number }
digital_elements?: string[]
producer_type?: string
machinery_verdict?: {
tier: string
label: string
hazards: { key: string; label: string }[]
cyber_safety_bridge: boolean
reasons: string[]
}
}
const CLASS_LABEL: Record<string, string> = {
@@ -48,10 +55,16 @@ const TIER_STYLE: Record<string, string> = {
ratsam: 'border-blue-300 bg-blue-50 dark:bg-blue-900/20 text-blue-900 dark:text-blue-200',
nicht_betroffen: 'border-emerald-300 bg-emerald-50 dark:bg-emerald-900/20 text-emerald-900 dark:text-emerald-200',
}
const MV_STYLE: Record<string, string> = {
direkt: 'border-amber-300 bg-amber-50 dark:bg-amber-900/20 text-amber-900 dark:text-amber-200',
sicherheitsrelevant: 'border-indigo-300 bg-indigo-50 dark:bg-indigo-900/20 text-indigo-900 dark:text-indigo-200',
nicht_relevant: 'border-gray-200 bg-gray-50 dark:bg-gray-800 text-gray-700 dark:text-gray-300',
}
export function ReadinessResultView({ result, onCreateProject }: { result: ReadinessResult; onCreateProject?: () => void }) {
const v = result.verdict
const m = result.maturity
const mv = result.machinery_verdict
return (
<div className="mt-5 space-y-4">
@@ -74,6 +87,28 @@ export function ReadinessResultView({ result, onCreateProject }: { result: Readi
</div>
)}
{/* Maschinenverordnung — Personensicherheit + Cyber-Safety-Brücke */}
{mv && mv.tier !== 'nicht_relevant' && (
<div className={`rounded-xl border p-4 ${MV_STYLE[mv.tier] || MV_STYLE.sicherheitsrelevant}`}>
<div className="flex flex-wrap items-center gap-2">
<span className="text-base font-semibold">Maschinenverordnung: {mv.label}</span>
{mv.cyber_safety_bridge && (
<span className="rounded bg-white/60 dark:bg-black/20 px-2 py-0.5 text-xs font-medium">Cyber Safety aktiv</span>
)}
</div>
{mv.hazards.length > 0 && (
<div className="mt-2 flex flex-wrap gap-1.5">
{mv.hazards.map((h) => (
<span key={h.key} className="rounded bg-white/70 dark:bg-black/20 px-2 py-0.5 text-xs font-medium">{h.label}</span>
))}
</div>
)}
<ul className="mt-2 space-y-0.5 text-sm">
{mv.reasons.map((r, i) => <li key={i}> {r}</li>)}
</ul>
</div>
)}
{/* Reifegrad + digitale Elemente */}
<div className="grid md:grid-cols-2 gap-3">
{m && (
@@ -13,6 +13,8 @@ export interface ReadinessPreset {
customers_request_cra_evidence: boolean
digital_elements: string[]
provided_evidence: string[]
safety_relevant: boolean
hazard_types: string[]
}
export const READINESS_PRESETS: ReadinessPreset[] = [
@@ -31,6 +33,8 @@ export const READINESS_PRESETS: ReadinessPreset[] = [
'SPS-I/O', 'Firmware', 'OWISoft', 'Triggerfunktionen',
],
provided_evidence: [],
safety_relevant: true,
hazard_types: ['laser_radiation', 'movement_crush'],
},
{
id: 'zwick',
@@ -50,5 +54,7 @@ export const READINESS_PRESETS: ReadinessPreset[] = [
'Tablet-Status', 'Host-System-Anbindung', 'Benutzer-/Rechteverwaltung', 'Barcode/QR-Scanner',
],
provided_evidence: ['support_lifecycle'],
safety_relevant: true,
hazard_types: ['movement_crush'],
},
]