pages/4_Dagoverzicht.py

@@ -0,0 +1,81 @@
+import plotly.graph_objects as go
+import requests
+import streamlit as st
+from plotly.subplots import make_subplots
+
+from auth import require_auth
+from data_processing import TARGET_HIGH, TARGET_LOW
+from nightscout_client import NightscoutConfigError
+from ui_common import get_colors, load_range_data, select_period_days
+
+st.set_page_config(page_title="Glucose dashboard — Dagoverzicht", page_icon="📊", layout="wide")
+require_auth()
+
+st.title("Dagoverzicht")
+st.caption("Eén glucosegrafiek per kalenderdag (FR4).")
+
+start, end, days = select_period_days(default_label="14 dagen")
+if days > 31:
+    st.info(
+        "Bij langere periodes wordt de pagina lang en kan laden traag zijn — "
+        "voor het bekijken van individuele dagen is 14 of 30 dagen prettiger."
+    )
+
+try:
+    glucose, _treatments = load_range_data(start, end)
+except NightscoutConfigError as exc:
+    st.error(str(exc))
+    st.stop()
+except (requests.RequestException, ValueError) as exc:
+    st.error(f"Kon geen data ophalen van Nightscout: {exc}")
+    st.stop()
+
+if glucose.empty:
+    st.info("Geen glucosemetingen gevonden in deze periode.")
+    st.stop()
+
+colors = get_colors()
+glucose = glucose.copy()
+glucose["date"] = glucose["timestamp"].dt.date
+glucose["hour"] = glucose["timestamp"].dt.hour + glucose["timestamp"].dt.minute / 60
+
+dates = sorted(glucose["date"].unique())
+row_height = 150
+fig = make_subplots(
+    rows=len(dates),
+    cols=1,
+    shared_xaxes=True,
+    subplot_titles=[d.strftime("%A %d-%m-%Y") for d in dates],
+    vertical_spacing=min(0.4 / max(len(dates) - 1, 1), 0.05),
+)
+
+for i, day in enumerate(dates, start=1):
+    day_df = glucose[glucose["date"] == day]
+    fig.add_hrect(
+        y0=TARGET_LOW, y1=TARGET_HIGH, fillcolor=colors["band"], line_width=0, layer="below", row=i, col=1
+    )
+    fig.add_trace(
+        go.Scatter(
+            x=day_df["hour"],
+            y=day_df["mmol"],
+            mode="lines",
+            line={"color": colors["glucose"], "width": 2},
+            showlegend=False,
+            hovertemplate="%{y:.1f} mmol/L<extra></extra>",
+        ),
+        row=i,
+        col=1,
+    )
+    fig.update_yaxes(title_text="mmol/L", gridcolor=colors["grid"], row=i, col=1)
+
+fig.update_xaxes(title_text="Uur van de dag", range=[0, 24], dtick=4, gridcolor=colors["grid"])
+fig.update_layout(
+    paper_bgcolor="rgba(0,0,0,0)",
+    plot_bgcolor="rgba(0,0,0,0)",
+    font_color=colors["text"],
+    height=row_height * len(dates),
+    showlegend=False,
+    margin={"l": 10, "r": 10, "t": 30, "b": 10},
+)
+st.plotly_chart(fig, width="stretch")
+st.caption(f"{len(dates)} dagen · {len(glucose)} metingen")

pages/5_Hypo_Events.py

@@ -0,0 +1,45 @@
+import requests
+import streamlit as st
+
+from auth import require_auth
+from nightscout_client import NightscoutConfigError
+from reporting import LOW, VERY_LOW
+from ui_common import (
+    get_colors,
+    load_range_data,
+    render_event_level,
+    select_period_days,
+)
+
+st.set_page_config(page_title="Glucose dashboard — Hypo events", page_icon="📊", layout="wide")
+require_auth()
+
+st.title("Hypo events")
+st.caption(
+    "Detectie van hypoglykemie-events volgens de persistentieregel (FR5): een event "
+    "telt pas na >=15 minuten ononderbroken onder de drempel, en eindigt pas na "
+    ">=15 minuten ononderbroken herstel."
+)
+
+start, end, days = select_period_days(default_label="90 dagen")
+
+try:
+    glucose, _treatments = load_range_data(start, end)
+except NightscoutConfigError as exc:
+    st.error(str(exc))
+    st.stop()
+except (requests.RequestException, ValueError) as exc:
+    st.error(f"Kon geen data ophalen van Nightscout: {exc}")
+    st.stop()
+
+if glucose.empty:
+    st.info("Geen glucosemetingen gevonden in deze periode.")
+    st.stop()
+
+colors = get_colors()
+
+render_event_level(glucose, LOW, "below", f"Level 1 (<{LOW} mmol/L)", days, colors)
+st.divider()
+render_event_level(glucose, VERY_LOW, "below", f"Level 2 (<{VERY_LOW} mmol/L)", days, colors)
+
+st.caption(f"Periode: {start.strftime('%d-%m-%Y')} t/m {end.strftime('%d-%m-%Y')}")

pages/6_Hyper_Events.py

@@ -0,0 +1,44 @@
+import requests
+import streamlit as st
+
+from auth import require_auth
+from nightscout_client import NightscoutConfigError
+from reporting import HIGH, VERY_HIGH
+from ui_common import (
+    get_colors,
+    load_range_data,
+    render_event_level,
+    select_period_days,
+)
+
+st.set_page_config(page_title="Glucose dashboard — Hyper events", page_icon="📊", layout="wide")
+require_auth()
+
+st.title("Hyper events")
+st.caption(
+    "Detectie van hyperglykemie-events volgens dezelfde persistentieregel als de "
+    "Hypo Events-pagina (FR6), symmetrisch toegepast op de bovengrenzen."
+)
+
+start, end, days = select_period_days(default_label="90 dagen")
+
+try:
+    glucose, _treatments = load_range_data(start, end)
+except NightscoutConfigError as exc:
+    st.error(str(exc))
+    st.stop()
+except (requests.RequestException, ValueError) as exc:
+    st.error(f"Kon geen data ophalen van Nightscout: {exc}")
+    st.stop()
+
+if glucose.empty:
+    st.info("Geen glucosemetingen gevonden in deze periode.")
+    st.stop()
+
+colors = get_colors()
+
+render_event_level(glucose, HIGH, "above", f"Level 1 (>{HIGH} mmol/L)", days, colors)
+st.divider()
+render_event_level(glucose, VERY_HIGH, "above", f"Level 2 (>{VERY_HIGH} mmol/L)", days, colors)
+
+st.caption(f"Periode: {start.strftime('%d-%m-%Y')} t/m {end.strftime('%d-%m-%Y')}")

ui_common.py

@@ -10,9 +10,12 @@ from __future__ import annotations
 
 from datetime import date, datetime, timedelta, timezone
 
+import pandas as pd
+import plotly.graph_objects as go
 import streamlit as st
 
 from nightscout_client import fetch_entries_range, fetch_treatments_range
+from reporting import detect_events, summarize_events
 
 MMOL_HOVERTEMPLATE = "%{x|%d-%m %H:%M} · %{y:.1f} mmol/L<extra></extra>"
 
@@ -93,3 +96,54 @@ def load_range_data(start: date, end: date):
     glucose = fetch_entries_range(start, end)
     treatments = fetch_treatments_range(start, end)
     return glucose, treatments
+
+
+def render_event_level(
+    glucose: pd.DataFrame,
+    threshold: float,
+    direction: str,
+    level_name: str,
+    period_days: int,
+    colors: dict,
+) -> None:
+    """Render de metrics/tabel/tijdstip-histogram voor één hypo-/hyperniveau.
+
+    Gedeeld tussen de Hypo Events- en Hyper Events-pagina's (FR5/FR6), die
+    elk twee niveaus (Level 1/Level 2) op dezelfde manier tonen.
+    """
+    events = detect_events(glucose, threshold, direction)
+    summary = summarize_events(events, period_days)
+
+    st.subheader(level_name)
+    cols = st.columns(4)
+    cols[0].metric("Aantal events", summary["count"])
+    cols[1].metric("Gem. duur", f"{summary['avg_duration_minutes']:.0f} min")
+    cols[2].metric("Langste event", f"{summary['longest_duration_minutes']:.0f} min")
+    cols[3].metric("Events/week", f"{summary['events_per_week']:.1f}")
+
+    if events.empty:
+        st.info("Geen events gevonden in deze periode.")
+        return
+
+    bar_color = colors["low"] if direction == "below" else colors["high"]
+    hours = events["start"].dt.hour
+    hour_counts = hours.value_counts().reindex(range(24), fill_value=0).sort_index()
+    fig = go.Figure(go.Bar(x=list(hour_counts.index), y=hour_counts.to_numpy(), marker_color=bar_color))
+    fig.update_layout(
+        paper_bgcolor="rgba(0,0,0,0)",
+        plot_bgcolor="rgba(0,0,0,0)",
+        font_color=colors["text"],
+        height=220,
+        margin={"l": 10, "r": 10, "t": 10, "b": 10},
+        xaxis={"title": "Uur van de dag", "dtick": 2, "gridcolor": colors["grid"]},
+        yaxis={"title": "Aantal events", "gridcolor": colors["grid"]},
+    )
+    st.plotly_chart(fig, width="stretch")
+
+    display = events.copy()
+    display["start"] = display["start"].dt.strftime("%d-%m-%Y %H:%M")
+    display["end"] = display["end"].dt.strftime("%d-%m-%Y %H:%M")
+    display = display.rename(
+        columns={"start": "Start", "end": "Einde", "duration_minutes": "Duur (min)"}
+    )
+    st.dataframe(display, width="stretch", hide_index=True)