// Heim-Portal — expanded with Medikationsplan, Vitals, richer Visite + Reports + Audit views. const HeimPortal = ({ ctx }) => { if (window.useStoreVersion) window.useStoreVersion(); const [view, setView] = React.useState("dashboard"); const [selectedAnfrage, setSelectedAnfrage] = React.useState("A-2812"); const [tab, setTab] = React.useState("offen"); const [selectedBewohner, setSelectedBewohner] = React.useState("b1"); const [bewohnerTab, setBewohnerTab] = React.useState("uebersicht"); const [selectedVisite, setSelectedVisite] = React.useState("V-104"); const [newOpen, setNewOpen] = React.useState(false); const [cmdOpen, setCmdOpen] = React.useState(false); const [voiceOpen, setVoiceOpen] = React.useState(false); React.useEffect(() => { const h = (e) => { if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k") { e.preventDefault(); setCmdOpen(true); } if (e.key.toLowerCase() === "n" && !e.metaKey && !e.ctrlKey && e.target.tagName !== "INPUT" && e.target.tagName !== "TEXTAREA") { setNewOpen(true); } if (e.key.toLowerCase() === "v" && !e.metaKey && !e.ctrlKey && e.target.tagName !== "INPUT" && e.target.tagName !== "TEXTAREA") { setVoiceOpen(true); } }; const inLight = () => document.body.classList.contains("ml-mode"); const v = () => { if (!inLight()) setVoiceOpen(true); }; const s = () => { if (!inLight()) setCmdOpen(true); }; const sv = (e) => { if (e.detail?.portal === "heim" && e.detail?.view) setView(e.detail.view); }; window.addEventListener("keydown", h); window.addEventListener("medlink:openvoice", v); window.addEventListener("medlink:search", s); window.addEventListener("medlink:setView", sv); return () => { window.removeEventListener("keydown", h); window.removeEventListener("medlink:openvoice", v); window.removeEventListener("medlink:search", s); window.removeEventListener("medlink:setView", sv); }; }, []); const heim = HEIMS.find(h => h.id === ctx.heim) || HEIMS[1]; const scoped = ctx.heim === "alle" ? ANFRAGEN : ANFRAGEN.filter(a => a.heim === ctx.heim); const counts = { offen: scoped.filter(a => a.status === "offen").length, bearbeitung: scoped.filter(a => a.status === "bearbeitung").length, freigegeben: scoped.filter(a => a.status === "freigegeben").length, geliefert: scoped.filter(a => a.status === "geliefert").length, abgelehnt: scoped.filter(a => a.status === "abgelehnt").length, alle: scoped.length, }; const bewohnerScoped = ctx.heim === "alle" ? BEWOHNER : BEWOHNER.filter(b => b.heim === ctx.heim); const sections = [ { label: "", items: [ { id: "dashboard", label: "Dashboard", icon: "home" }, { id: "anfragen", label: "Anfragen", icon: "inbox", badge: counts.offen + counts.bearbeitung }, { id: "bewohner", label: "Bewohner", icon: "users", badge: bewohnerScoped.length }, { id: "visiten", label: "Visiten", icon: "stethoscope", badge: VISITEN.filter(v => v.status === "geplant").length }, { id: "voice", label: "Sprach-Doku", icon: "mic", badge: "KI" }, { id: "therapien", label: "Therapien", icon: "activity" }, { id: "rezepte", label: "Rezepte", icon: "pill" }, ]}, { label: "Verwaltung", items: [ { id: "reports", label: "Reports", icon: "barChart" }, { id: "audit", label: "Audit-Log", icon: "shield" }, { id: "benutzer", label: "Benutzer", icon: "user" }, { id: "settings", label: "Einstellungen", icon: "settings" }, ]}, ]; return ( <> setCmdOpen(true)} userName="Maria Lehmann" userRole="Pflegeleitung" userEmail="maria.lehmann@rosenhof.de" onLogout={ctx.onLogout} onAdmin={ctx.onAdmin} />
{view === "dashboard" && setView("anfragen")} onNew={() => setNewOpen(true)} />} {view === "anfragen" && ( setNewOpen(true)} /> )} {view === "bewohner" && ( { setSelectedBewohner(b); setNewOpen(true); }} /> )} {view === "visiten" && } {view === "voice" && setVoiceOpen(true)} onJumpBewohner={(bid) => { setView("bewohner"); setSelectedBewohner(bid); }} />} {view === "therapien" && } {view === "rezepte" && } {view === "reports" && } {view === "audit" && } {view === "benutzer" && } {view === "settings" && }
setNewOpen(false)} onSubmit={(data) => { if (window.STORE?.createAnfrage) { window.STORE.createAnfrage({ ...data, von: "Maria Lehmann" }); setView("anfragen"); } else { ctx.toast(`Anfrage an ${DOCTORS.find(d => d.id === BEWOHNER.find(b => b.id === data.bewohner)?.arzt)?.name} gesendet`); } }} bewohnerId={selectedBewohner} /> setVoiceOpen(true)} /> setVoiceOpen(false)} bewohnerOptions={bewohnerScoped} defaultBewohner={selectedBewohner} onSaved={() => ctx.toast("Sprach-Notiz gespeichert · 3 Aktionen ausgelöst")} /> setCmdOpen(false)} onRun={(id) => { if (id === "new:anfrage") setNewOpen(true); else if (id.startsWith("nav:")) setView(id.slice(4)); else if (id.startsWith("portal:")) ctx.setPortal(id.slice(7)); else if (id.startsWith("bewohner:")) { setView("bewohner"); setSelectedBewohner(id.slice(9)); } }} /> ); }; const viewLabel = (v) => ({ dashboard: "Dashboard", anfragen: "Anfragen", bewohner: "Bewohner", visiten: "Visiten", voice: "Sprach-Dokumentation", therapien: "Therapien", rezepte: "Rezepte", reports: "Reports", audit: "Audit-Log", benutzer: "Benutzer", settings: "Einstellungen" }[v] || v); // ---------- Dashboard ---------- const DashboardView = ({ heim, counts, scoped, onJumpAnfragen, onNew }) => { const hourBuckets = [3,5,4,7,9,6,4,3,5,7,8,6]; // mock: requests per 2h const statusMix = [ { key: "offen", label: "Offen", n: counts.offen }, { key: "bearbeitung", label: "In Bearbeitung", n: counts.bearbeitung }, { key: "freigegeben", label: "Freigegeben", n: counts.freigegeben }, { key: "geliefert", label: "Geliefert", n: counts.geliefert }, { key: "abgelehnt", label: "Abgelehnt", n: counts.abgelehnt }, ]; const total = statusMix.reduce((s, x) => s + x.n, 0) || 1; return ( <>

Dashboard

Übersicht · {heim.name} · Montag, 20. April 2026
Schicht-Übergabe Neue Anfrage
Dringend · benötigt Arzt-Freigabe
Alle Anfragen
{scoped.filter(a => a.status === "offen" || a.status === "bearbeitung").slice(0, 7).map(a => { const b = BEWOHNER.find(x => x.id === a.bewohner); return ( ); })}
P#BewohnerMedikationTypWartezeitStatus
{a.id} {b?.name} {a.med} {a.erstellt}
Anfragen heute · nach Stunde
{hourBuckets.map((v, i) => (
{String(i*2).padStart(2,"0")}
))}
Status-Verteilung
{statusMix.map(s => (
{s.label} {s.n}
))}
Aktivität · Live
Diese Woche · Aufgaben
); }; const statusColor = (k) => ({ offen: "var(--info)", bearbeitung: "var(--warning)", freigegeben: "var(--success)", geliefert: "var(--fg-muted)", abgelehnt: "var(--danger)" }[k] || "var(--fg-muted)"); const TaskLine = ({ label, meta, done }) => (
{label} {meta && {meta}}
); const TlItem = ({ t, head, who, ts }) => (
{head}
{who}
{ts}
); // ---------- Anfragen ---------- const AnfragenView = ({ scoped, counts, tab, onTab, selected, onSelect, onNew }) => { const filtered = tab === "alle" ? scoped : scoped.filter(a => a.status === tab); const current = ANFRAGEN.find(a => a.id === selected) || filtered[0]; return ( <>

Anfragen

Medikationen · Verlängerungen · Anpassungen
Filter Export Neue Anfrage
Heim: aktuell Arzt Priorität Zeitraum
{filtered.length} Anfragen
{filtered.map(a => { const b = BEWOHNER.find(x => x.id === a.bewohner); const arzt = DOCTORS.find(d => d.id === a.arzt); return ( onSelect(a.id)}> ); })}
P # Bewohner Medikation Typ Dosis Arzt Status Erstellt
{a.id}
{b?.name}
 {a.med} {a.dosis} {arzt?.name.replace("Dr. med. ", "")} {a.erstellt}
{current ? :
Keine Anfrage ausgewählt
}
); }; const AnfrageDetail = ({ anfrage }) => { const b = BEWOHNER.find(x => x.id === anfrage.bewohner); const arzt = DOCTORS.find(d => d.id === anfrage.arzt); const trail = TRAIL[anfrage.id] || [ { t: "ok", who: `${anfrage.von} (Pflege)`, head: "Anfrage erstellt", ts: `heute · ${anfrage.erstellt}` }, { t: "info", who: "System", head: `Zugestellt an ${arzt?.name}`, ts: `heute · ${anfrage.erstellt}` }, ]; return (
{anfrage.id}

{anfrage.med}

{anfrage.typ} · {anfrage.dauer}
{b?.name} {HEIMS.find(h => h.id === b?.heim)?.name} · {b?.zimmer} {arzt?.name}
{anfrage.status === "offen" && ( <> Freigabe (als Arzt) Ablehnen )} Antworten Anhang

Verordnung

Medikament
{anfrage.med}
Typ
Dosis
{anfrage.dosis}
Dauer
{anfrage.dauer}
Priorität
{anfrage.prio === "H" ? "Hoch" : anfrage.prio === "M" ? "Mittel" : "Normal"}
Apotheke
Adler-Apotheke · München (Standard)
{anfrage.notiz && <>
Notiz
{anfrage.notiz}
}

Bewohner-Kontext

Diagnosen
{b?.diagnosen.map(d => {d})}
Allergien
{b?.allergien.length ? b.allergien.map(a => {a}) : keine dokumentiert}
Pflegegrad
{b?.pflegegrad}
Aktuelle Meds
{(MEDPLAN[b?.id] || []).length} Dauermedikationen · vollständig anzeigen

Verlauf · Audit-Log

{trail.map((t, i) => (
{t.head}
{t.who}
{t.ts}
))}
Alle Änderungen werden mit Zeitstempel & Nutzer DSGVO-konform protokolliert.
); }; // ---------- Bewohner (with tabs inside detail) ---------- const BewohnerView = ({ bewohner, selected, onSelect, tab, onTab, onNewAnfrage }) => { const current = BEWOHNER.find(b => b.id === selected) || bewohner[0]; return ( <>

Bewohner

{bewohner.length} Personen · {bewohner.filter(b => b.offen > 0).length} mit offenen Anfragen
Filter Bewohner anlegen
Pflegegrad Hausarzt
{bewohner.length} Bewohner
{bewohner.map(b => { const arzt = DOCTORS.find(d => d.id === b.arzt); return ( onSelect(b.id)}> ); })}
NameZimmerAlterPflegegradHausarztOffen
{b.name}
 {b.zimmer} {b.alter} PG {b.pflegegrad} {arzt?.name.replace("Dr. med. ", "")} {b.offen > 0 ? {b.offen} : —}
{current && }
); }; const BewohnerDetail = ({ b, tab, onTab, onNewAnfrage }) => { const arzt = DOCTORS.find(d => d.id === b.arzt); const plan = MEDPLAN[b.id] || []; const vitals = VITALS[b.id]; const anfragen = ANFRAGEN.filter(a => a.bewohner === b.id); return (
{b.zimmer} · {HEIMS.find(h => h.id === b.heim)?.name}

{b.name}

geb. {b.geb} · {b.alter} Jahre · Pflegegrad {b.pflegegrad} · {b.kasse}
onNewAnfrage(b.id)}>Neue Anfrage Visite planen Akte öffnen
{[ ["uebersicht","Übersicht","user"], ["meds","Medikationsplan","pill"], ["vitals","Vitalwerte","activity"], ["anfragen",`Anfragen (${anfragen.length})`,"inbox"], ].map(([id, label, icon]) => ( ))}
{tab === "uebersicht" && ( <>

Stammdaten

Eingezogen
{b.eingezogen}
Hausarzt
{arzt?.name} · {arzt?.spec}
Kontakt
{b.kontakt || nicht hinterlegt}
Kasse
{b.kasse}

Medizinisch

Diagnosen
{b.diagnosen.map(d => {d})}
Allergien
{b.allergien.length ? b.allergien.map(a => {a}) : keine dokumentiert}
)} {tab === "meds" && (

Aktiver Medikationsplan · {plan.length} Positionen

{plan.length === 0 ?
Keine aktiven Medikamente hinterlegt.
: ( {plan.map((p, i) => { const d = DOCTORS.find(x => x.id === p.arzt); return ( ); })}
MedikamentDosisSeitGrundVerordner
{p.med} {p.hinweis &&
{p.hinweis}
} 		{p.dosis} {p.seit} {p.grund} {d?.name.replace("Dr. med. ", "")}
)}
)} {tab === "vitals" && vitals && ( <>

Blutdruck (letzte 14 Tage, morgens)

s)} data2={vitals.bp.map(([s,d]) => d)} unit="mmHg" refMin={110} refMax={140} />
Systolisch Diastolisch Ziel: 110–140 / 70–90 mmHg

Puls

{vitals.glucose && (

Blutzucker (nüchtern)

)} {vitals.nrs && (

Schmerz NRS

)} )} {tab === "anfragen" && (

Anfragen · Verlauf

{anfragen.length === 0 ?
Keine Anfragen.
: ( {anfragen.map(a => ( ))}
#MedikamentTypStatusErstellt
{a.id} {a.med} {a.erstellt}
)}
)}
); }; // Mini time-series chart const VitalChart = ({ data, data2, unit, refMin, refMax, color = "var(--accent)" }) => { const w = 420, h = 90, pad = 8; const all = data2 ? [...data, ...data2] : data; const min = Math.min(refMin ?? Infinity, ...all) - 2; const max = Math.max(refMax ?? -Infinity, ...all) + 2; const xStep = (w - pad*2) / (data.length - 1); const scale = v => h - pad - ((v - min) / (max - min)) * (h - pad*2); const path = arr => arr.map((v, i) => `${i === 0 ? "M" : "L"}${(pad + i*xStep).toFixed(1)} ${scale(v).toFixed(1)}`).join(" "); const refYmin = refMin != null ? scale(refMin) : null; const refYmax = refMax != null ? scale(refMax) : null; return (
{refYmin != null && refYmax != null && ( )} {data2 && } {data.map((v, i) => ( ))}
{data.length} d letzte: {data[data.length - 1]} {unit}{data2 ? ` / ${data2[data2.length-1]}` : ""}
); }; // ---------- Specialty Chip — shared ---------- const SPEC_TONES = { Hausarzt: { tone: "teal", mark: "H" }, Internist: { tone: "amber", mark: "I" }, Geriater: { tone: "teal", mark: "G" }, Nervenarzt: { tone: "violet", mark: "N" }, Palliativ: { tone: "rose", mark: "P" }, Urologe: { tone: "indigo", mark: "U" }, }; const SpecChip = ({ spec, big }) => { const meta = SPEC_TONES[spec] || SPEC_TONES.Hausarzt; return ( {meta.mark} {spec} ); }; // ---------- Visiten (expanded) ---------- const VisitenView = ({ heim, selected, onSelect }) => { const scoped = heim === "alle" ? VISITEN : VISITEN.filter(v => v.heim === heim); const current = VISITEN.find(v => v.id === selected) || scoped[0]; return ( <>

Visiten

Geplante & dokumentierte Arztbesuche
WochenplanVisite planen
{scoped.map(v => { const arzt = DOCTORS.find(d => d.id === v.arzt); const h = HEIMS.find(h => h.id === v.heim); const spec = arzt?.spec || "Hausarzt"; return ( onSelect(v.id)}> ); })}
#TerminArztFachrichtungHeimBew.Status
{v.id} {v.datum} · {v.zeit} {arzt?.name.replace("Dr. med. ", "Dr. ")} {h?.name} {v.bewohner.length}
{current && }
); }; const VisiteDetail = ({ v }) => { const arzt = DOCTORS.find(d => d.id === v.arzt); const h = HEIMS.find(h => h.id === v.heim); const isPlanned = v.status === "geplant"; const spec = arzt?.spec || "Hausarzt"; const isKonsil = spec !== "Hausarzt"; return (
{v.id} · {isKonsil ? "Konsil" : "Regelvisite"}

{arzt?.name}

{h?.name} · {h?.address}
{v.anlass && (
Anlass: {v.anlass}
)}
{v.datum} · {v.zeit} {v.bewohner.length} Bewohner{arzt?.interval && {arzt.interval}}
{isPlanned ? ( <> window.dispatchEvent(new CustomEvent("medlink:startVisite", { detail: { visitId: v.id } }))}>Visite starten Vorbereitung Arzt erinnern ) : ( <> Protokoll PDF )}

Bewohner & Vorbereitung

{v.bewohner.map(bid => { const b = BEWOHNER.find(x => x.id === bid); const fokus = b?.diagnosen[0]; const offen = ANFRAGEN.filter(a => a.bewohner === bid && (a.status === "offen" || a.status === "bearbeitung")).length; return ( ); })}
BewohnerZimmerFokusOffene AnfragenVorb.
{b?.name}
 {b?.zimmer} {fokus} {offen > 0 ? {offen} offen : —}
{!isPlanned && v.protokoll && (

Protokoll

{v.protokoll}
— {arzt?.name}, elektronisch signiert
)} {isPlanned && (

Checkliste

)}

Nachbesprechung / Chat

Dr. Schneider · gestern 16:02
Ich würde für Hr. Müller die Blutdruckwerte 3 Tage morgens + abends messen, bevor wir Ramipril anpassen.
Maria Lehmann · heute 07:45
Verstanden, Messplan hinterlegt. Ergebnisse lade ich Freitag hoch.
); }; // ---------- Therapien / Rezepte (kept compact) ---------- const TherapienView = ({ heim }) => { const scoped = heim === "alle" ? THERAPIEN : THERAPIEN.filter(t => t.heim === heim); return ( <>

Therapien

Physio · Ergo · Logo
Einheit planen
{scoped.map(t => { const b = BEWOHNER.find(x => x.id === t.bewohner); return ( ); })}
#TypBewohnerTerminTherapeutStatus
{t.id} {t.typ} {b?.name} {t.datum} · {t.zeit} {t.therapeut}
); }; const RezepteView = ({ scoped }) => ( <>

Rezepte

Laufende & gelieferte Verordnungen an die Apotheke
{scoped.filter(a => a.status === "freigegeben" || a.status === "geliefert").map(a => { const b = BEWOHNER.find(x => x.id === a.bewohner); return ( ); })}
#BewohnerMedikamentApothekeStatusErstellt
{a.id} {b?.name} {a.med} Adler-Apotheke {a.erstellt}
); // ---------- Reports (new, rich) ---------- const ReportsView = ({ scoped, heim }) => { const weeklyMax = Math.max(...REPORT_WEEKLY.map(w => w.anfragen)); return ( <>

Reports

Auswertung · {heim.name} · Q2 2026
PDF exportieren
Wöchentliche Anfragen · letzte 6 Wochen
{REPORT_WEEKLY.map(w => (
{w.anfragen}
{w.week}
))}
Freigegeben Abgelehnt
Top Medikamente · 90 Tage
{TOP_MEDS.map(m => (
{m.med} {m.n}×
))}
Zeit bis Freigabe · nach Arzt
{DOCTORS.map(d => { const avg = d.id === "schn" ? 86 : d.id === "wag" ? 122 : 98; return (
{d.name}{avg} Min
); })}
Anfragen nach Typ
Apotheke · Lieferzeit
Adler-ApothekeØ 2:08 h
Sonnen-ApothekeØ 4:12 h
Bahnhof-ApothekeØ 18:30 h
Ziel: ≤ 4h für freigegebene Nicht-BtM-Rezepte.
); }; const TypSlice = ({ label, n, total, tone }) => (
{label}{n} ({Math.round(n/total*100)}%)
); // ---------- Audit-Log ---------- const AuditView = () => ( <>

Audit-Log

Lückenlos protokolliert · DSGVO Art. 30 · manipulationssicher
FilterExport (CSV)
Heute Rolle Aktion
{AUDIT.length} Einträge · letzte 24h {AUDIT.map((e, i) => ( ))}
Zeit Nutzer Aktion Ziel Heim IP
{e.ts}
{e.who}
 {e.action} {e.target} {HEIMS.find(h => h.id === e.heim)?.mark || "—"} {e.ip}
); const BenutzerView = () => ( <>

Benutzer & Rollen

Pflege · Pflegeleitung · Administrator
Benutzer einladen
{[ ["Maria Lehmann","Pflegeleitung","Rosenhof","TOTP","heute · 07:55","aktiv"], ["Jonas Richter","Pflege","Rosenhof","TOTP","heute · 08:12","aktiv"], ["Peter Groß","Pflege","Linde","TOTP","heute · 06:40","aktiv"], ["Birgit Kleine","Pflege","Marienblick","TOTP","heute · 09:01","aktiv"], ["Sabine Voß","Pflegeleitung","Sonnenwiese","TOTP","gestern · 19:30","aktiv"], ["Hans Mayer","Administrator","—","Hardware-Token","vor 3 Tagen","inaktiv"], ].map(([n,r,h,t,l,s]) => ( ))}
NameRolleHeim2FALetzter LoginStatus
{n}
 {r} {h} {t} {l}
); const Toggle = ({ on, onChange, label }) => ( ); const SettingsView = () => { const [notifPush, setNotifPush] = React.useState(true); const [notifEmail, setNotifEmail] = React.useState(true); const [notifSms, setNotifSms] = React.useState(false); const [force2fa, setForce2fa] = React.useState(true); const [sessionMin, setSessionMin] = React.useState(30); const [pharmacies, setPharmacies] = React.useState(() => PHARMACIES.map(p => ({ ...p }))); const togglePharmacy = (id) => setPharmacies(xs => xs.map(p => { if (p.id !== id) return p; const next = { ...p, open: !p.open }; window.dispatchEvent(new CustomEvent("medlink:toast", { detail: `${p.name}: ${next.open ? "verbunden" : "getrennt"}` })); return next; })); return ( <>

Einstellungen

Mandant · Apotheken · Sicherheit · Benachrichtigungen
Audit-Bericht window.dispatchEvent(new CustomEvent("medlink:toast", { detail: "Einstellungen gespeichert · an alle Rollen propagiert" }))}>Speichern
Mandant
Name
Haus Rosenhof gGmbH
Träger
Diakonie Bayern · KdöR
HRB
HRB 184 293 · AG München
Hosting
Hetzner · Rechenzentrum Nürnberg (DE)
Backup
täglich · 30 Tage Aufbewahrung · verschlüsselt
AVV
unterzeichnet · 12.01.2026
Aufsicht
Regierung von Oberbayern (Heim-Aufsicht)
Sicherheit
2FA für alle Rollen erzwingen
Session-Timeout
{[15, 30, 60].map(m => ( ))}
TLS-Version1.3 · HSTS preload
Verschlüsselung at restAES-256-GCM
Letzter Pentest02.2026 · 0 Critical · 2 Low
BSI-Grundschutz testiert
Verbundene Apotheken
window.dispatchEvent(new CustomEvent("medlink:toast", { detail: "Apotheken-Einladung generiert · KIM-Link kopiert" }))}>Apotheke anbinden
{pharmacies.map(p => (
{p.name} · {p.city}
{p.open ? "verbunden" : "offline"} togglePharmacy(p.id)} label={p.name} />
))}
Benachrichtigungen
Push · neue Anfrage freigegeben
E-Mail · tägliche Zusammenfassung
SMS · kritische Ablehnungen
Ruhezeiten (kein Push) 22:00 – 06:00
); }; window.HeimPortal = HeimPortal;