feat: Analyse-Module auf 100% Runde 2 — CREATE-Forms, Button-Handler, Persistenz

Requirements: ADD-Form + Details-Panel mit Controls/Status-Anzeige
Controls: ADD-Form + Effectiveness-Persistenz via PUT
Evidence: Anzeigen/Herunterladen-Buttons mit fileUrl + disabled-State
Risks: RiskMatrix Cell-Click filtert Risiko-Liste mit Badge + Reset
AI Act: Mock-Daten entfernt, Loading-Skeleton, Edit/Delete-Handler
Audit Checklist: JSON-Export, debounced Notes-Persistenz, Neue Checkliste
Audit Report: Animiertes Skeleton statt Loading-Text

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

admin-compliance/app/(sdk)/sdk/evidence/page.tsx

@@ -162,7 +162,7 @@ const evidenceTemplates: EvidenceTemplate[] = [
 // COMPONENTS
 // =============================================================================
 
-function EvidenceCard({ evidence, onDelete }: { evidence: DisplayEvidence; onDelete: () => void }) {
+function EvidenceCard({ evidence, onDelete, onView, onDownload }: { evidence: DisplayEvidence; onDelete: () => void; onView: () => void; onDownload: () => void }) {
   const typeIcons = {
     document: (
       <svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -255,10 +255,18 @@ function EvidenceCard({ evidence, onDelete }: { evidence: DisplayEvidence; onDel
       <div className="mt-4 pt-4 border-t border-gray-100 flex items-center justify-between">
         <span className="text-sm text-gray-500">Hochgeladen von: {evidence.uploadedBy}</span>
         <div className="flex items-center gap-2">
-          <button className="px-3 py-1 text-sm text-gray-600 hover:bg-gray-100 rounded-lg transition-colors">
+          <button
+            onClick={onView}
+            disabled={!evidence.fileUrl}
+            className="px-3 py-1 text-sm text-gray-600 hover:bg-gray-100 rounded-lg transition-colors disabled:opacity-40 disabled:cursor-not-allowed"
+          >
             Anzeigen
           </button>
-          <button className="px-3 py-1 text-sm text-purple-600 hover:bg-purple-50 rounded-lg transition-colors">
+          <button
+            onClick={onDownload}
+            disabled={!evidence.fileUrl}
+            className="px-3 py-1 text-sm text-purple-600 hover:bg-purple-50 rounded-lg transition-colors disabled:opacity-40 disabled:cursor-not-allowed"
+          >
             Herunterladen
           </button>
           <button
@@ -469,6 +477,24 @@ export default function EvidencePage() {
     }
   }
 
+  const handleView = (ev: DisplayEvidence) => {
+    if (ev.fileUrl) {
+      window.open(ev.fileUrl, '_blank')
+    } else {
+      alert('Keine Datei vorhanden')
+    }
+  }
+
+  const handleDownload = (ev: DisplayEvidence) => {
+    if (!ev.fileUrl) return
+    const a = document.createElement('a')
+    a.href = ev.fileUrl
+    a.download = ev.name
+    document.body.appendChild(a)
+    a.click()
+    document.body.removeChild(a)
+  }
+
   const handleUploadClick = () => {
     fileInputRef.current?.click()
   }
@@ -605,6 +631,8 @@ export default function EvidencePage() {
               key={ev.id}
               evidence={ev}
               onDelete={() => handleDelete(ev.id)}
+              onView={() => handleView(ev)}
+              onDownload={() => handleDownload(ev)}
             />
           ))}
         </div>