Voeg Module 4 experts, waardebepalingspagina en projectverbeteringen toe

Experts (Module 4)
- Pagina Experts (CRM): experts uitnodigen per e-mail (zonder SMTP wordt de
  link getoond), rondes koppelen, opnieuw uitnodigen, verwijderen en
  "Inloggen als" (alleen lezen) om mee te kijken
- Uitnodigingspagina waar een expert zijn wachtwoord instelt (token 7 dagen
  geldig, eenmalig, alleen als hash opgeslagen)
- Expertpagina: projecten in waardebepaling uit de eigen rondes, project plan
  lezen en eigen beoordeling geven (3 scores, advies Bonus/Malus, toelichting)
- Rollen admin/expert: alle beheerpagina's en -acties controleren de rol
- Rikx calculatie gebruikt de beoordelingen van de experts in plaats van de
  handmatige expertkolommen; experts koppelen ook vanaf de rondepagina

Waardebepaling projecten
- Nieuwe pagina met projecten in waardebepaling op kosten/impact (laag naar
  hoog), filter op ronde, Rikx Waarde-veld dat live doorrekent en opslaat in
  de ronde, en een 75%-lijn bij een gekozen ronde

Projecten
- Rikx calculatie als tab, zichtbaar vanaf status Waardebepaling, met keuze
  rekenmethode (Arbeid; Jeugd nog niet beschikbaar) en beoordeling
  goedgekeurd/afgekeurd met reden
- Impactmaker gekoppeld aan een sociaal ondernemer
- Opslaan-knop bovenaan; ongeldige velden op een verborgen tab worden getoond
- Project toevoegen maakt direct een project aan; aparte pagina verwijderd
- Waarderingssystematiek Rikx juni 2023 toegevoegd aan _doc

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

app/rondes/ExpertCheckboxes.tsx

@@ -0,0 +1,38 @@
+import Link from "next/link";
+import type { Expert } from "../../lib/experts";
+
+// Experts koppelen aan een ronde; dezelfde koppeling als op de pagina Experts
+export function ExpertCheckboxes({ experts, selected = [] }: { experts: Expert[]; selected?: number[] }) {
+  return (
+    <fieldset className="sm:col-span-3 flex flex-col gap-2">
+      <legend className="text-sm font-medium text-zinc-700 dark:text-zinc-300 mb-2">Experts</legend>
+      {experts.length === 0 ? (
+        <p className="text-sm text-zinc-500">
+          Er zijn nog geen experts.{" "}
+          <Link href="/experts" className="underline hover:text-rikx-orange-dark">
+            Expert uitnodigen
+          </Link>
+        </p>
+      ) : (
+        <div className="flex flex-wrap gap-x-5 gap-y-2">
+          {experts.map((e) => (
+            <label key={e.id} className="flex items-center gap-2 text-sm text-zinc-800 dark:text-zinc-200">
+              <input
+                type="checkbox"
+                name="expert_ids"
+                value={e.id}
+                defaultChecked={selected.includes(e.id)}
+                className="accent-rikx-orange"
+              />
+              {e.name}
+              {!e.actief && <span className="text-xs text-zinc-500">(uitgenodigd)</span>}
+            </label>
+          ))}
+        </div>
+      )}
+      <span className="text-xs text-zinc-500">
+        Gekoppelde experts zien de projecten van deze ronde zodra die in waardebepaling staan.
+      </span>
+    </fieldset>
+  );
+}

app/rondes/[id]/page.tsx

@@ -1,9 +1,11 @@
 import Link from "next/link";
 import { notFound, redirect } from "next/navigation";
-import { getSession } from "../../../lib/auth";
+import { requireAdmin } from "../../../lib/auth";
 import { getDb, type RikxRonde } from "../../../lib/db";
 import { AppHeader } from "../../AppHeader";
 import { updateRonde } from "../actions";
+import { listExperts } from "../../../lib/experts";
+import { ExpertCheckboxes } from "../ExpertCheckboxes";
 import { RONDE_ERRORS, RondeFields } from "../RondeFields";
 
 export default async function EditRondePage({
@@ -13,14 +15,14 @@ export default async function EditRondePage({
   params: Promise<{ id: string }>;
   searchParams: Promise<{ error?: string }>;
 }) {
-  const session = await getSession();
-  if (!session) redirect("/login");
+  const session = await requireAdmin();
 
   const { id } = await params;
   const { error } = await searchParams;
   const row = getDb().prepare("SELECT * FROM rikx_rondes WHERE id = ?").get(Number(id)) as RikxRonde | undefined;
   if (!row) notFound();
   const ronde = { ...row };
+  const experts = listExperts();
 
   return (
     <div className="min-h-screen bg-zinc-50 dark:bg-zinc-950">
@@ -40,6 +42,7 @@ export default async function EditRondePage({
         >
           <input type="hidden" name="id" value={ronde.id} />
           <RondeFields ronde={ronde} />
+          <ExpertCheckboxes experts={experts} selected={experts.filter((e) => e.rondeIds.includes(ronde.id)).map((e) => e.id)} />
           <p className="sm:col-span-3 text-xs text-zinc-500">
             Een andere Rikx waarde of prijs verandert de Rikx calculatie van alle projecten in deze ronde.
           </p>

app/rondes/actions.ts

@@ -2,7 +2,8 @@
 
 import { redirect } from "next/navigation";
 import { getDb } from "../../lib/db";
-import { getSession } from "../../lib/auth";
+import { requireAdmin } from "../../lib/auth";
+import { setRondeExperts } from "../../lib/experts";
 import { defaultRikxPrijs } from "../../lib/rikxCalculatie";
 
 // Leeg veld → null; accepteert zowel 1234.5 als 1234,5
@@ -25,9 +26,12 @@ function readRonde(formData: FormData) {
   return { label, rikxWaarde, rikxPrijs } as const;
 }
 
+function readExpertIds(formData: FormData): number[] {
+  return formData.getAll("expert_ids").map(Number).filter((id) => Number.isInteger(id) && id > 0);
+}
+
 export async function createRonde(formData: FormData) {
-  const session = await getSession();
-  if (!session) redirect("/login");
+  const session = await requireAdmin();
 
   const ronde = readRonde(formData);
   if ("error" in ronde) redirect(`/rondes?error=${ronde.error}`);
@@ -36,18 +40,18 @@ export async function createRonde(formData: FormData) {
   if (db.prepare("SELECT id FROM rikx_rondes WHERE label = ?").get(ronde.label)) {
     redirect("/rondes?error=label");
   }
-  db.prepare("INSERT INTO rikx_rondes (label, rikx_waarde, rikx_prijs) VALUES (?, ?, ?)").run(
+  const result = db.prepare("INSERT INTO rikx_rondes (label, rikx_waarde, rikx_prijs) VALUES (?, ?, ?)").run(
     ronde.label,
     ronde.rikxWaarde,
     ronde.rikxPrijs
   );
+  setRondeExperts(Number(result.lastInsertRowid), readExpertIds(formData));
 
   redirect("/rondes");
 }
 
 export async function updateRonde(formData: FormData) {
-  const session = await getSession();
-  if (!session) redirect("/login");
+  const session = await requireAdmin();
 
   const id = Number(formData.get("id"));
   if (!id) redirect("/rondes");
@@ -62,13 +66,13 @@ export async function updateRonde(formData: FormData) {
   db.prepare(
     "UPDATE rikx_rondes SET label = ?, rikx_waarde = ?, rikx_prijs = ?, updated_at = datetime('now') WHERE id = ?"
   ).run(ronde.label, ronde.rikxWaarde, ronde.rikxPrijs, id);
+  setRondeExperts(id, readExpertIds(formData));
 
   redirect("/rondes");
 }
 
 export async function deleteRonde(formData: FormData) {
-  const session = await getSession();
-  if (!session) redirect("/login");
+  const session = await requireAdmin();
 
   const id = Number(formData.get("id"));
   // Projecten in deze ronde blijven bestaan; hun ronde_id wordt NULL (ON DELETE SET NULL).

app/rondes/page.tsx

@@ -1,10 +1,12 @@
 import Link from "next/link";
 import { redirect } from "next/navigation";
-import { getSession } from "../../lib/auth";
+import { requireAdmin } from "../../lib/auth";
 import { getDb, type RikxRonde } from "../../lib/db";
 import { AppHeader } from "../AppHeader";
 import { createRonde } from "./actions";
 import { DeleteRondeButton } from "./DeleteRondeButton";
+import { listExperts } from "../../lib/experts";
+import { ExpertCheckboxes } from "./ExpertCheckboxes";
 import { RONDE_ERRORS, RondeFields } from "./RondeFields";
 
 const euro = new Intl.NumberFormat("nl-NL", { style: "currency", currency: "EUR" });
@@ -15,10 +17,10 @@ export default async function RondesPage({
 }: {
   searchParams: Promise<{ error?: string }>;
 }) {
-  const session = await getSession();
-  if (!session) redirect("/login");
+  const session = await requireAdmin();
 
   const { error } = await searchParams;
+  const experts = listExperts();
   const rondes = (
     getDb()
       .prepare(
@@ -49,6 +51,7 @@ export default async function RondesPage({
                     <th className="text-right px-4 py-3 font-medium">Rikx waarde</th>
                     <th className="text-right px-4 py-3 font-medium">Rikx prijs</th>
                     <th className="text-right px-4 py-3 font-medium">Projecten</th>
+                    <th className="text-left px-4 py-3 font-medium">Experts</th>
                     <th className="px-4 py-3" colSpan={2}></th>
                   </tr>
                 </thead>
@@ -67,6 +70,12 @@ export default async function RondesPage({
                           {r.project_count}
                         </Link>
                       </td>
+                      <td className="px-4 py-3 text-zinc-700 dark:text-zinc-300">
+                        {experts
+                          .filter((e) => e.rondeIds.includes(r.id))
+                          .map((e) => e.name)
+                          .join(", ") || "—"}
+                      </td>
                       <td className="px-4 py-3 text-right">
                         <Link
                           href={`/rondes/${r.id}`}
@@ -96,6 +105,7 @@ export default async function RondesPage({
             className="bg-white dark:bg-zinc-900 rounded-xl border border-zinc-200 dark:border-zinc-800 p-6 grid grid-cols-1 sm:grid-cols-3 gap-4"
           >
             <RondeFields />
+            <ExpertCheckboxes experts={experts} />
             <div className="sm:col-span-3">
               <button
                 type="submit"