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 @@ 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 && (