From a5b47ac890ead66c9febfd692f1149a0ba880918 Mon Sep 17 00:00:00 2001
From: sacha <23283108+sacha-l@users.noreply.github.com>
Date: Thu, 25 Jun 2026 14:24:33 +0100
Subject: [PATCH 1/8] feat(admin): program results summary panel for completed
 hackathons

When a program is marked "completed", the wallet-admin view gains a
ProgramResultsSummarySection showing: checked-in / submission / winner /
hours-of-hacking stats, top-3 per scoring category with judge attribution,
prize winners with video + GitHub links, honorary mentions, Recharts
feedback charts with auto-generated insight text, and a gallery preview.

ProgramFormModal gains gallery URL + honorary mentions fields (with per-row
video/GitHub inputs) and an inline completeness warning when status is
set to "completed" with missing data.

Backed by a new DB migration (honorary_mentions JSONB, gallery_url TEXT
on programs), a new aggregateFeedback() repository method, and a new
admin-gated GET /programs/:slug/submissions/feedback-aggregate endpoint.
---
 .../src/components/admin/ProgramFormModal.tsx | 126 ++++++
 .../admin/ProgramResultsSummarySection.tsx    | 405 ++++++++++++++++++
 client/src/lib/api.ts                         |  41 ++
 client/src/pages/AdminProgramPage.tsx         |   8 +
 .../api/controllers/submission.controller.js  |  13 +
 .../program-submission.repository.js          |  43 ++
 server/api/repositories/program.repository.js |   4 +
 server/api/routes/program.routes.js           |   2 +
 server/api/utils/validation.js                |  29 ++
 ...0260625000000_program_results_metadata.sql |   6 +
 10 files changed, 677 insertions(+)
 create mode 100644 client/src/components/admin/ProgramResultsSummarySection.tsx
 create mode 100644 supabase/migrations/20260625000000_program_results_metadata.sql

diff --git a/client/src/components/admin/ProgramFormModal.tsx b/client/src/components/admin/ProgramFormModal.tsx
index 3c353fd..4a496f2 100644
--- a/client/src/components/admin/ProgramFormModal.tsx
+++ b/client/src/components/admin/ProgramFormModal.tsx
@@ -105,6 +105,9 @@ export function ProgramFormModal({
   const [eventStartsAt, setEventStartsAt] = useState("");
   const [eventEndsAt, setEventEndsAt] = useState("");
   const [prizeTierRows, setPrizeTierRows] = useState<PrizeTierRow[]>([]);
+  const [galleryUrl, setGalleryUrl] = useState("");
+  type HonoraryMentionRow = { name: string; videoUrl: string; githubUrl: string };
+  const [honoraryMentionRows, setHonoraryMentionRows] = useState<HonoraryMentionRow[]>([]);
   const [errors, setErrors] = useState<Record<string, string>>({});
   const [submitting, setSubmitting] = useState(false);
   const [uploadingCover, setUploadingCover] = useState(false);
@@ -129,6 +132,14 @@ export function ProgramFormModal({
       setEventStartsAt(isoToLocal(program.eventStartsAt));
       setEventEndsAt(isoToLocal(program.eventEndsAt));
       setPrizeTierRows(tierRowsFromProgram(program));
+      setGalleryUrl(program.galleryUrl || "");
+      setHonoraryMentionRows(
+        (program.honoraryMentions ?? []).map((m) => ({
+          name: m.name,
+          videoUrl: m.videoUrl ?? "",
+          githubUrl: m.githubUrl ?? "",
+        })),
+      );
     } else {
       setName("");
       setSlug("");
@@ -145,6 +156,8 @@ export function ProgramFormModal({
       setEventStartsAt("");
       setEventEndsAt("");
       setPrizeTierRows(tierRowsFromProgram(null));
+      setGalleryUrl("");
+      setHonoraryMentionRows([]);
     }
     setErrors({});
   }, [open, program]);
@@ -174,6 +187,9 @@ export function ProgramFormModal({
     if (coverImageUrl.trim() && !/^https?:\/\//i.test(coverImageUrl.trim())) {
       e.coverImageUrl = "Must start with http:// or https://";
     }
+    if (galleryUrl.trim() && !/^https?:\/\//i.test(galleryUrl.trim())) {
+      e.galleryUrl = "Must start with http:// or https://";
+    }
     if (applicationsOpenAt && applicationsCloseAt) {
       if (new Date(applicationsOpenAt).getTime() >= new Date(applicationsCloseAt).getTime()) {
         e.applicationsCloseAt = "Close date must be after open date.";
@@ -254,6 +270,14 @@ export function ProgramFormModal({
         prizeTiers: prizeTierRows
           .map((r) => ({ amount: Number(r.amount), currency: r.currency.trim(), label: r.label.trim() }))
           .filter((t) => Number.isInteger(t.amount) && t.amount > 0 && t.currency),
+        galleryUrl: galleryUrl.trim() || null,
+        honoraryMentions: honoraryMentionRows
+          .filter((m) => m.name.trim())
+          .map((m) => ({
+            name: m.name.trim(),
+            videoUrl: m.videoUrl.trim() || null,
+            githubUrl: m.githubUrl.trim() || null,
+          })),
       };
 
       const res = editing
@@ -354,6 +378,29 @@ export function ProgramFormModal({
             </Select>
           </div>
 
+          {status === "completed" && (
+            <div className="sm:col-span-2 space-y-1">
+              {!galleryUrl.trim() && (
+                <p className="label-hw text-[10px]">
+                  <span className="led led-sm mr-1" style={{ background: "var(--color-amber, #f59e0b)" }} aria-hidden="true" />
+                  ·GALLERY URL IS MISSING — add it below so the results panel can link to event photos.
+                </p>
+              )}
+              {honoraryMentionRows.length === 0 && (
+                <p className="label-hw text-[10px]">
+                  <span className="led led-sm mr-1" style={{ background: "var(--color-amber, #f59e0b)" }} aria-hidden="true" />
+                  ·HONORARY MENTIONS ARE EMPTY — add them below if applicable.
+                </p>
+              )}
+              {(!eventStartsAt || !eventEndsAt) && (
+                <p className="label-hw text-[10px]">
+                  <span className="led led-sm mr-1" style={{ background: "var(--color-amber, #f59e0b)" }} aria-hidden="true" />
+                  ·EVENT DATES MISSING — hours of hacking will not be shown in the results panel.
+                </p>
+              )}
+            </div>
+          )}
+
           <div className="sm:col-span-2 space-y-1.5">
             <Label htmlFor="pf-description" className="label-hw-dim">·DESCRIPTION</Label>
             <Textarea
@@ -508,6 +555,85 @@ export function ProgramFormModal({
             )}
           </div>
 
+          <div className="sm:col-span-2 space-y-1.5">
+            <Label htmlFor="pf-gallery-url" className="label-hw-dim">·GALLERY URL (EVENT PHOTOS)</Label>
+            <Input
+              id="pf-gallery-url"
+              type="url"
+              placeholder="https://drive.google.com/drive/folders/…"
+              value={galleryUrl}
+              onChange={(e) => setGalleryUrl(e.target.value)}
+              aria-invalid={errors.galleryUrl ? true : undefined}
+              className="font-mono text-sm"
+            />
+            {errors.galleryUrl && (
+              <p className="label-hw text-destructive">·{errors.galleryUrl.toUpperCase()}</p>
+            )}
+          </div>
+
+          <div className="sm:col-span-2 space-y-2">
+            <div className="flex items-center justify-between">
+              <Label className="label-hw-dim">·HONORARY MENTIONS</Label>
+              <button
+                type="button"
+                onClick={() =>
+                  setHonoraryMentionRows((rows) => [...rows, { name: "", videoUrl: "", githubUrl: "" }])
+                }
+                className="font-mono text-[10px] tracking-[0.14em] border border-hairline text-display hover:bg-panel-deep px-2 py-1 inline-flex items-center gap-1"
+              >
+                <Plus className="h-3 w-3" aria-hidden="true" /> ADD
+              </button>
+            </div>
+            <p className="label-hw-dim">Projects that deserve recognition beyond the official prizes.</p>
+            {honoraryMentionRows.map((row, i) => (
+              <div key={i} className="flex items-center gap-2">
+                <Input
+                  placeholder="Project name"
+                  aria-label={`Mention ${i + 1} name`}
+                  value={row.name}
+                  onChange={(e) =>
+                    setHonoraryMentionRows((rows) =>
+                      rows.map((r, j) => (j === i ? { ...r, name: e.target.value } : r)),
+                    )
+                  }
+                  className="font-mono text-sm flex-1"
+                />
+                <Input
+                  placeholder="Video URL"
+                  aria-label={`Mention ${i + 1} video URL`}
+                  value={row.videoUrl}
+                  onChange={(e) =>
+                    setHonoraryMentionRows((rows) =>
+                      rows.map((r, j) => (j === i ? { ...r, videoUrl: e.target.value } : r)),
+                    )
+                  }
+                  className="font-mono text-sm w-36"
+                />
+                <Input
+                  placeholder="GitHub URL"
+                  aria-label={`Mention ${i + 1} GitHub URL`}
+                  value={row.githubUrl}
+                  onChange={(e) =>
+                    setHonoraryMentionRows((rows) =>
+                      rows.map((r, j) => (j === i ? { ...r, githubUrl: e.target.value } : r)),
+                    )
+                  }
+                  className="font-mono text-sm w-36"
+                />
+                <button
+                  type="button"
+                  aria-label={`Remove mention ${i + 1}`}
+                  onClick={() =>
+                    setHonoraryMentionRows((rows) => rows.filter((_, j) => j !== i))
+                  }
+                  className="border border-hairline text-display hover:bg-panel-deep p-1.5"
+                >
+                  <X className="h-3 w-3" aria-hidden="true" />
+                </button>
+              </div>
+            ))}
+          </div>
+
           {programType === "hackathon" && (
             <div className="sm:col-span-2 space-y-2">
               <div className="flex items-center justify-between">
diff --git a/client/src/components/admin/ProgramResultsSummarySection.tsx b/client/src/components/admin/ProgramResultsSummarySection.tsx
new file mode 100644
index 0000000..f0c66c8
--- /dev/null
+++ b/client/src/components/admin/ProgramResultsSummarySection.tsx
@@ -0,0 +1,405 @@
+import { useEffect, useState } from "react";
+import { ExternalLink, Github, Loader2 } from "lucide-react";
+import {
+  BarChart,
+  Bar,
+  XAxis,
+  YAxis,
+  Tooltip,
+  ResponsiveContainer,
+} from "recharts";
+import {
+  api,
+  type ApiProgram,
+  type ApiProgramStats,
+  type ApiLeaderboard,
+  type ApiLeaderboardRow,
+  type ApiResultsFeedbackAggregate,
+  type AdminAuthArg,
+} from "@/lib/api";
+import { LCDStat } from "@/components/lcd-stat";
+
+// ── helpers ─────────────────────────────────────────────────────────────────
+
+function eventHours(program: ApiProgram): number | null {
+  if (!program.eventStartsAt || !program.eventEndsAt) return null;
+  const ms = new Date(program.eventEndsAt).getTime() - new Date(program.eventStartsAt).getTime();
+  if (ms <= 0) return null;
+  return Math.round(ms / 3_600_000);
+}
+
+function top3By(
+  rows: ApiLeaderboardRow[],
+  key: "avgRequirements" | "avgTechStack" | "avgInnovation",
+): ApiLeaderboardRow[] {
+  return [...rows]
+    .filter((r) => r[key] > 0)
+    .sort((a, b) => b[key] - a[key])
+    .slice(0, 3);
+}
+
+function buildFeedbackInsights(agg: ApiResultsFeedbackAggregate): string {
+  const parts: string[] = [];
+
+  // Deadline comfort
+  const deadlineCounts = agg.deadlineStatus;
+  const comfy = deadlineCounts["comfortable"] ?? 0;
+  const tight = deadlineCounts["tight"] ?? 0;
+  const tooTight = deadlineCounts["too tight"] ?? 0;
+  const deadlineTotal = comfy + tight + tooTight;
+  if (deadlineTotal > 0) {
+    const comfyPct = Math.round((comfy / deadlineTotal) * 100);
+    if (comfyPct >= 60) {
+      parts.push(`${comfyPct}% of teams found the deadline comfortable.`);
+    } else if (tooTight > comfy) {
+      parts.push("Teams generally felt the timeline was tight — more hacking time would help.");
+    } else {
+      parts.push("Teams had mixed feelings about the deadline.");
+    }
+  }
+
+  // Would keep building
+  const keepCounts = agg.wouldKeepBuilding;
+  const yes = keepCounts["yes"] ?? 0;
+  const maybe = keepCounts["maybe"] ?? 0;
+  if (agg.total > 0) {
+    const continuePct = Math.round(((yes + maybe) / agg.total) * 100);
+    parts.push(`${continuePct}% plan to continue building their project.`);
+  }
+
+  // Top blocker
+  if (agg.biggestBlockerSamples.length > 0) {
+    const sample = agg.biggestBlockerSamples[0];
+    if (sample.length < 120) {
+      parts.push(`The most cited blocker: "${sample}"`);
+    }
+  }
+
+  return parts.join(" ");
+}
+
+// ── sub-components ──────────────────────────────────────────────────────────
+
+function ProjectLink({ url, icon }: { url?: string | null; icon: "video" | "github" }) {
+  if (!url) return null;
+  return (
+    <a
+      href={url}
+      target="_blank"
+      rel="noopener noreferrer"
+      className="text-label-mid hover:text-display"
+      aria-label={icon === "github" ? "GitHub" : "Video"}
+    >
+      {icon === "github" ? (
+        <Github className="h-3.5 w-3.5" aria-hidden="true" />
+      ) : (
+        <ExternalLink className="h-3.5 w-3.5" aria-hidden="true" />
+      )}
+    </a>
+  );
+}
+
+function CategoryColumn({
+  title,
+  rows,
+  scoreKey,
+  maxScore,
+}: {
+  title: string;
+  rows: ApiLeaderboardRow[];
+  scoreKey: "avgRequirements" | "avgTechStack" | "avgInnovation";
+  maxScore: number;
+}) {
+  return (
+    <div className="panel p-3 flex-1 min-w-0">
+      <div className="label-hw text-display mb-2">·{title}</div>
+      {rows.length === 0 ? (
+        <p className="label-hw-dim">No scored submissions.</p>
+      ) : (
+        <div className="space-y-2">
+          {rows.map((r, i) => (
+            <div key={r.submissionId} className="flex items-start gap-2">
+              <span className="lcd px-1.5 py-0.5 label-hw text-display shrink-0">
+                {String(i + 1).padStart(2, "0")}
+              </span>
+              <div className="flex-1 min-w-0">
+                <div className="label-hw text-display truncate">{r.projectTitle}</div>
+                <div className="flex items-center gap-2 mt-0.5">
+                  <span className="label-hw-dim">{r[scoreKey].toFixed(1)} / {maxScore}</span>
+                  <ProjectLink url={r.videoUrl} icon="video" />
+                  <ProjectLink url={r.githubUrl} icon="github" />
+                </div>
+                {r.judgeScores && r.judgeScores.length > 0 && (
+                  <div className="mt-1 space-y-0.5">
+                    {r.judgeScores.map((js) => (
+                      <div key={js.judgeEmail} className="label-hw-dim text-[9px] truncate">
+                        {js.judgeEmail}: {scoreKey === "avgRequirements" ? js.requirements : scoreKey === "avgTechStack" ? js.techStack : js.innovation}
+                      </div>
+                    ))}
+                  </div>
+                )}
+              </div>
+            </div>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}
+
+function FeedbackChart({
+  title,
+  counts,
+}: {
+  title: string;
+  counts: Record<string, number>;
+}) {
+  const entries = Object.entries(counts).sort((a, b) => b[1] - a[1]);
+  if (entries.length === 0) return null;
+  const data = entries.map(([name, value]) => ({ name, value }));
+  const maxVal = Math.max(...data.map((d) => d.value));
+
+  return (
+    <div className="min-w-0">
+      <div className="label-hw-dim mb-1">{title.toUpperCase()}</div>
+      <ResponsiveContainer width="100%" height={data.length * 28 + 10}>
+        <BarChart
+          data={data}
+          layout="vertical"
+          margin={{ top: 0, right: 20, left: 0, bottom: 0 }}
+        >
+          <XAxis
+            type="number"
+            domain={[0, maxVal]}
+            tick={{ fontSize: 9, fontFamily: "monospace", fill: "var(--color-label-mid)" }}
+            tickLine={false}
+            axisLine={false}
+            allowDecimals={false}
+          />
+          <YAxis
+            type="category"
+            dataKey="name"
+            width={90}
+            tick={{ fontSize: 9, fontFamily: "monospace", fill: "var(--color-label-mid)" }}
+            tickLine={false}
+            axisLine={false}
+          />
+          <Tooltip
+            contentStyle={{
+              background: "var(--color-panel-deep)",
+              border: "1px solid var(--color-hairline)",
+              fontSize: 10,
+              fontFamily: "monospace",
+            }}
+            cursor={{ fill: "var(--color-panel-deep)" }}
+          />
+          <Bar dataKey="value" fill="var(--color-display)" radius={[0, 2, 2, 0]} />
+        </BarChart>
+      </ResponsiveContainer>
+    </div>
+  );
+}
+
+// ── main component ──────────────────────────────────────────────────────────
+
+export function ProgramResultsSummarySection({
+  program,
+  getAuth,
+}: {
+  program: ApiProgram;
+  getAuth: () => Promise<AdminAuthArg>;
+}) {
+  const [leaderboard, setLeaderboard] = useState<ApiLeaderboard | null>(null);
+  const [stats, setStats] = useState<ApiProgramStats | null>(null);
+  const [feedback, setFeedback] = useState<ApiResultsFeedbackAggregate | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    let active = true;
+    setLoading(true);
+    setError(null);
+    getAuth()
+      .then((authHeader) =>
+        Promise.all([
+          api.getLeaderboard(program.slug, authHeader),
+          api.getProgramStats(program.slug, authHeader),
+          api.getFeedbackAggregate(program.slug, authHeader),
+        ]),
+      )
+      .then(([lb, st, fb]) => {
+        if (!active) return;
+        setLeaderboard(lb.data);
+        setStats(st.data);
+        setFeedback(fb.data);
+      })
+      .catch((e: unknown) => {
+        if (!active) return;
+        setError((e as Error)?.message || "Failed to load results data");
+      })
+      .finally(() => {
+        if (active) setLoading(false);
+      });
+    return () => { active = false; };
+  // getAuth is a stable memoised ref — intentionally excluded to run once on mount.
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [program.slug]);
+
+  const hours = eventHours(program);
+  const rows = leaderboard?.rows ?? [];
+  const winners = rows.filter((r) => r.prizeAmount != null).sort((a, b) => (b.prizeAmount ?? 0) - (a.prizeAmount ?? 0));
+  const mentions = program.honoraryMentions ?? [];
+
+  return (
+    <div className="mb-3 space-y-3">
+      <div className="panel px-3 py-2.5">
+        <div className="label-hw text-display mb-3">·RESULTS SUMMARY</div>
+
+        {/* Stats strip */}
+        <div className="grid grid-cols-2 sm:grid-cols-4 gap-2 mb-4">
+          <LCDStat size="sm" value={stats?.confirmedParticipants ?? "—"} label="Checked in" />
+          <LCDStat size="sm" value={stats?.submissionsCount ?? "—"} label="Submissions" />
+          <LCDStat size="sm" value={leaderboard ? winners.length : "—"} label="Winners" />
+          <LCDStat size="sm" value={hours ?? "—"} label="Hours of hacking" />
+        </div>
+
+        {loading && (
+          <div className="flex items-center gap-2 label-hw-dim py-4">
+            <Loader2 className="h-3.5 w-3.5 animate-spin" aria-hidden="true" />
+            LOADING RESULTS DATA…
+          </div>
+        )}
+
+        {error && (
+          <div className="label-hw text-destructive mb-3">·{error.toUpperCase()}</div>
+        )}
+
+        {!loading && leaderboard && (
+          <>
+            {/* Top 3 per scoring category */}
+            <div className="label-hw-dim mb-1">·TOP 3 PER CATEGORY</div>
+            <div className="flex flex-col sm:flex-row gap-2 mb-4">
+              <CategoryColumn
+                title="REQUIREMENTS"
+                rows={top3By(rows, "avgRequirements")}
+                scoreKey="avgRequirements"
+                maxScore={2}
+              />
+              <CategoryColumn
+                title="TECH STACK"
+                rows={top3By(rows, "avgTechStack")}
+                scoreKey="avgTechStack"
+                maxScore={5}
+              />
+              <CategoryColumn
+                title="INNOVATION"
+                rows={top3By(rows, "avgInnovation")}
+                scoreKey="avgInnovation"
+                maxScore={5}
+              />
+            </div>
+
+            {/* Winners */}
+            {winners.length > 0 && (
+              <div className="mb-4">
+                <div className="label-hw-dim mb-2">·PRIZE WINNERS</div>
+                <div className="space-y-1.5">
+                  {winners.map((r) => (
+                    <div key={r.submissionId} className="lcd px-3 py-2 flex items-center gap-3">
+                      <div className="flex-1 min-w-0">
+                        <span className="label-hw text-display">{r.projectTitle}</span>
+                        {r.submitterName && (
+                          <span className="label-hw-dim ml-2">{r.submitterName}</span>
+                        )}
+                      </div>
+                      <div className="flex items-center gap-2 shrink-0">
+                        <span className="label-hw text-display">
+                          {r.prizeLabel ?? `${r.prizeAmount} ${r.prizeCurrency}`}
+                        </span>
+                        {r.paid && (
+                          <span className="lcd px-1.5 py-0.5 label-hw text-display">PAID</span>
+                        )}
+                        <ProjectLink url={r.videoUrl} icon="video" />
+                        <ProjectLink url={r.githubUrl} icon="github" />
+                      </div>
+                    </div>
+                  ))}
+                </div>
+              </div>
+            )}
+          </>
+        )}
+
+        {/* Honorary mentions */}
+        {mentions.length > 0 && (
+          <div className="mb-4">
+            <div className="label-hw-dim mb-2">·HONORARY MENTIONS</div>
+            <div className="space-y-1.5">
+              {mentions.map((m, i) => (
+                <div key={i} className="lcd px-3 py-2 flex items-center gap-3">
+                  <span className="label-hw text-display flex-1">{m.name}</span>
+                  <div className="flex items-center gap-2 shrink-0">
+                    <ProjectLink url={m.videoUrl} icon="video" />
+                    <ProjectLink url={m.githubUrl} icon="github" />
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+        )}
+
+        {/* Feedback visualization */}
+        {!loading && feedback && feedback.total > 0 && (
+          <div className="mb-4">
+            <div className="label-hw-dim mb-2">
+              ·PARTICIPANT FEEDBACK ({feedback.total} response{feedback.total !== 1 ? "s" : ""})
+            </div>
+            <div className="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-3">
+              <FeedbackChart title="Deadline comfort" counts={feedback.deadlineStatus} />
+              <FeedbackChart title="Would keep building" counts={feedback.wouldKeepBuilding} />
+              <FeedbackChart title="Agent environment used" counts={feedback.agentEnv} />
+              <FeedbackChart title="Surfaces built for" counts={feedback.surfaces} />
+            </div>
+            {feedback.biggestBlockerSamples.length > 0 && (
+              <div className="mb-2">
+                <div className="label-hw-dim mb-1">·BIGGEST BLOCKERS (SAMPLE)</div>
+                <ul className="space-y-1">
+                  {feedback.biggestBlockerSamples.slice(0, 5).map((s, i) => (
+                    <li key={i} className="label-hw-dim text-[11px]">— {s}</li>
+                  ))}
+                </ul>
+              </div>
+            )}
+            <div className="panel-deep border border-hairline px-3 py-2 mt-2">
+              <p className="text-body text-sm leading-relaxed">
+                {buildFeedbackInsights(feedback)}
+              </p>
+            </div>
+          </div>
+        )}
+
+        {/* Gallery preview */}
+        {program.galleryUrl && (
+          <div>
+            <div className="label-hw-dim mb-2">·EVENT GALLERY</div>
+            <div className="flex items-center gap-3">
+              <div className="grid grid-cols-3 gap-1">
+                {[0, 1, 2].map((i) => (
+                  <div key={i} className="w-16 h-10 bg-panel-deep border border-hairline" aria-hidden="true" />
+                ))}
+              </div>
+              <a
+                href={program.galleryUrl}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="font-mono text-[10px] tracking-[0.14em] border border-display bg-display text-shell hover:bg-display-dim px-3 py-1.5 inline-flex items-center gap-1.5"
+              >
+                VIEW PHOTOS <ExternalLink className="h-3 w-3" aria-hidden="true" />
+              </a>
+            </div>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}
diff --git a/client/src/lib/api.ts b/client/src/lib/api.ts
index 7ac45a9..c4c4123 100644
--- a/client/src/lib/api.ts
+++ b/client/src/lib/api.ts
@@ -437,6 +437,10 @@ export type ApiProgram = {
   prizeTiers?: ApiPrizeTier[] | null;
   /** Set when a platform admin publishes results to the public program page. */
   resultsPublishedAt?: string | null;
+  /** Honorary mentions for the completed-program results panel. */
+  honoraryMentions?: { name: string; videoUrl?: string | null; githubUrl?: string | null }[] | null;
+  /** Link to an event photo gallery (e.g. Google Drive folder). */
+  galleryUrl?: string | null;
   /** Luma event id (evt-…). When set + server has LUMA_API_KEY, the submit gate
    *  verifies emails against the event's checked-in guests synced from Luma. */
   lumaEventId?: string | null;
@@ -460,6 +464,18 @@ export type ProgramGuestSyncResult = {
 /** At-a-glance counts for the program admin/judge header (no PII). */
 export type ApiProgramStats = { confirmedParticipants: number; submissionsCount: number };
 
+/** Aggregated feedback survey counts for the completed-program results panel. */
+export type ApiResultsFeedbackAggregate = {
+  deadlineStatus: Record<string, number>;
+  agentEnv: Record<string, number>;
+  wouldKeepBuilding: Record<string, number>;
+  surfaces: Record<string, number>;
+  surfacesPrimary: Record<string, number>;
+  biggestBlockerSamples: string[];
+  couldntHandleSamples: string[];
+  total: number;
+};
+
 /** Public, PII-free results payload for the program page (gated on publish). */
 export type ApiPublicResultEntry = {
   projectTitle: string;
@@ -2221,6 +2237,31 @@ export const api = {
     });
   },
 
+  /** Admin: aggregated feedback counts for the completed-program results panel. */
+  getFeedbackAggregate: async (
+    slug: string,
+    authHeader: AdminAuthArg,
+  ): Promise<{ status: string; data: ApiResultsFeedbackAggregate }> => {
+    if (USE_MOCK_DATA) {
+      return {
+        status: "success",
+        data: {
+          deadlineStatus: { comfortable: 5, tight: 3, "too tight": 1 },
+          agentEnv: { yes: 6, no: 2, partial: 1 },
+          wouldKeepBuilding: { yes: 7, maybe: 1, no: 1 },
+          surfaces: { wallet: 5, dapp: 4, "smart contract": 3 },
+          surfacesPrimary: { wallet: 4, dapp: 3 },
+          biggestBlockerSamples: ["Polkadot docs hard to navigate", "Limited time"],
+          couldntHandleSamples: ["Complex multi-chain state management"],
+          total: 9,
+        },
+      };
+    }
+    return request(`/programs/${encodeURIComponent(slug)}/submissions/feedback-aggregate`, {
+      headers: adminAuthHeaders(authHeader),
+    });
+  },
+
   /** Public: PII-free submissions + winners, only once results are published. */
   getProgramResults: async (slug: string): Promise<{ status: string; data: ApiPublicResults }> => {
     if (USE_MOCK_DATA) {
diff --git a/client/src/pages/AdminProgramPage.tsx b/client/src/pages/AdminProgramPage.tsx
index e40613d..0e004d9 100644
--- a/client/src/pages/AdminProgramPage.tsx
+++ b/client/src/pages/AdminProgramPage.tsx
@@ -21,6 +21,7 @@ import { ProgramSponsorsSection } from "@/components/admin/ProgramSponsorsSectio
 import { ProgramSignupsSection } from "@/components/admin/ProgramSignupsSection";
 import { LumaGuestsSection } from "@/components/admin/LumaGuestsSection";
 import { ProgramAuditLogSection } from "@/components/admin/ProgramAuditLogSection";
+import { ProgramResultsSummarySection } from "@/components/admin/ProgramResultsSummarySection";
 import { useToast } from "@/hooks/use-toast";
 import { cn } from "@/lib/utils";
 
@@ -349,6 +350,13 @@ const AdminProgramPage = () => {
                   eventEndsAt={program.eventEndsAt}
                 />
 
+                {program.status === "completed" && (
+                  <ProgramResultsSummarySection
+                    program={program}
+                    getAuth={getAdminAuth}
+                  />
+                )}
+
                 <ProgramAdminsSection
                   programSlug={program.slug}
                   signAuthHeader={getAdminAuth}
diff --git a/server/api/controllers/submission.controller.js b/server/api/controllers/submission.controller.js
index 6142d96..4db3dcd 100644
--- a/server/api/controllers/submission.controller.js
+++ b/server/api/controllers/submission.controller.js
@@ -554,6 +554,19 @@ class SubmissionController {
       res.status(500).json({ status: 'error', message: 'Failed to build leaderboard' });
     }
   }
+
+  // Admin: aggregated feedback survey counts for the results summary panel.
+  async feedbackAggregate(req, res) {
+    try {
+      const program = await programService.findBySlug(req.params.slug);
+      if (!program) return res.status(404).json({ status: 'error', message: 'Program not found' });
+      const data = await programSubmissionRepository.aggregateFeedback(program.id);
+      res.status(200).json({ status: 'success', data });
+    } catch (error) {
+      console.error('❌ Error aggregating feedback:', error);
+      res.status(500).json({ status: 'error', message: 'Failed to aggregate feedback' });
+    }
+  }
 }
 
 export default new SubmissionController();
diff --git a/server/api/repositories/program-submission.repository.js b/server/api/repositories/program-submission.repository.js
index 2c5acb8..e0d5eba 100644
--- a/server/api/repositories/program-submission.repository.js
+++ b/server/api/repositories/program-submission.repository.js
@@ -212,6 +212,49 @@ class ProgramSubmissionRepository {
     const { error } = await supabase.from('program_submissions').delete().eq('id', id);
     if (error) throw error;
   }
+
+  // Aggregate categorical feedback fields across all submissions for a program.
+  // Returns tallied counts + up to 20 free-text samples. No PII in the output.
+  async aggregateFeedback(programId) {
+    const { data, error } = await supabase
+      .from('program_submissions')
+      .select('feedback')
+      .eq('program_id', programId)
+      .not('feedback', 'is', null);
+    if (error) throw error;
+    const rows = (data || []).map((r) => r.feedback).filter(Boolean);
+
+    const tally = (key) => {
+      const counts = {};
+      for (const fb of rows) {
+        const val = fb[key];
+        if (val === null || val === undefined) continue;
+        if (Array.isArray(val)) {
+          for (const v of val) { counts[v] = (counts[v] ?? 0) + 1; }
+        } else {
+          counts[String(val)] = (counts[String(val)] ?? 0) + 1;
+        }
+      }
+      return counts;
+    };
+
+    const textSamples = (key, max = 20) =>
+      rows
+        .map((fb) => (typeof fb[key] === 'string' ? fb[key].trim() : null))
+        .filter((v) => v && v.length > 0)
+        .slice(0, max);
+
+    return {
+      deadlineStatus: tally('deadlineStatus'),
+      agentEnv: tally('agentEnv'),
+      wouldKeepBuilding: tally('wouldKeepBuilding'),
+      surfaces: tally('surfaces'),
+      surfacesPrimary: tally('surfacesPrimary'),
+      biggestBlockerSamples: textSamples('biggestBlocker'),
+      couldntHandleSamples: textSamples('couldntHandle'),
+      total: rows.length,
+    };
+  }
 }
 
 export default new ProgramSubmissionRepository();
diff --git a/server/api/repositories/program.repository.js b/server/api/repositories/program.repository.js
index 74aa3b4..c6a9f2a 100644
--- a/server/api/repositories/program.repository.js
+++ b/server/api/repositories/program.repository.js
@@ -25,6 +25,8 @@ const transformProgram = (row) => {
     lumaEventId: row.luma_event_id ?? null,
     lastGuestSyncAt: row.last_guest_sync_at ?? null,
     lastGuestSyncStatus: row.last_guest_sync_status ?? null,
+    honoraryMentions: row.honorary_mentions ?? null,
+    galleryUrl: row.gallery_url ?? null,
     createdAt: row.created_at,
     updatedAt: row.updated_at,
   };
@@ -54,6 +56,8 @@ const toSnakeCase = (data) => {
     const v = typeof data.lumaEventId === 'string' ? data.lumaEventId.trim() : data.lumaEventId;
     row.luma_event_id = v || null;
   }
+  if ('honoraryMentions' in data) row.honorary_mentions = data.honoraryMentions ?? null;
+  if ('galleryUrl' in data) row.gallery_url = data.galleryUrl ?? null;
   return row;
 };
 
diff --git a/server/api/routes/program.routes.js b/server/api/routes/program.routes.js
index 121bc19..91465d5 100644
--- a/server/api/routes/program.routes.js
+++ b/server/api/routes/program.routes.js
@@ -221,5 +221,7 @@ router.patch(
 );
 router.post('/:slug/results/publish', requireProgramAdmin('slug'), submissionController.publishResults);
 router.post('/:slug/results/unpublish', requireProgramAdmin('slug'), submissionController.unpublishResults);
+// Admin: aggregated feedback counts for the completed-program results panel.
+router.get('/:slug/submissions/feedback-aggregate', requireProgramAdmin('slug'), submissionController.feedbackAggregate);
 
 export default router;
diff --git a/server/api/utils/validation.js b/server/api/utils/validation.js
index 234f679..4386bc9 100644
--- a/server/api/utils/validation.js
+++ b/server/api/utils/validation.js
@@ -570,6 +570,35 @@ export const validateProgram = (data, { partial = false } = {}) => {
       return { valid: false, error: 'lumaEventId must be a string (max 100 characters)' };
     }
   }
+  if (has('galleryUrl') && data.galleryUrl !== null && data.galleryUrl !== '') {
+    if (typeof data.galleryUrl !== 'string' || data.galleryUrl.length > 500) {
+      return { valid: false, error: 'galleryUrl must be a string (max 500 characters)' };
+    }
+    if (!/^https?:\/\//i.test(data.galleryUrl)) {
+      return { valid: false, error: 'galleryUrl must start with http:// or https://' };
+    }
+  }
+  if (has('honoraryMentions') && data.honoraryMentions !== null) {
+    if (!Array.isArray(data.honoraryMentions)) {
+      return { valid: false, error: 'honoraryMentions must be an array' };
+    }
+    for (let i = 0; i < data.honoraryMentions.length; i++) {
+      const m = data.honoraryMentions[i];
+      if (!m || typeof m !== 'object' || typeof m.name !== 'string' || !m.name.trim()) {
+        return { valid: false, error: `honoraryMentions[${i}].name is required` };
+      }
+      if (m.videoUrl !== undefined && m.videoUrl !== null && m.videoUrl !== '') {
+        if (typeof m.videoUrl !== 'string' || !/^https?:\/\//i.test(m.videoUrl)) {
+          return { valid: false, error: `honoraryMentions[${i}].videoUrl must start with http:// or https://` };
+        }
+      }
+      if (m.githubUrl !== undefined && m.githubUrl !== null && m.githubUrl !== '') {
+        if (typeof m.githubUrl !== 'string' || !/^https?:\/\//i.test(m.githubUrl)) {
+          return { valid: false, error: `honoraryMentions[${i}].githubUrl must start with http:// or https://` };
+        }
+      }
+    }
+  }
   if (has('content')) {
     const c = validateProgramContent(data.content);
     if (!c.valid) return c;
diff --git a/supabase/migrations/20260625000000_program_results_metadata.sql b/supabase/migrations/20260625000000_program_results_metadata.sql
new file mode 100644
index 0000000..9f2127e
--- /dev/null
+++ b/supabase/migrations/20260625000000_program_results_metadata.sql
@@ -0,0 +1,6 @@
+-- Adds optional metadata for the completed-program results summary panel:
+--   honorary_mentions: JSON array of { name, videoUrl?, githubUrl? } objects
+--   gallery_url:       link to a photo album (e.g. Google Drive folder)
+ALTER TABLE programs
+  ADD COLUMN IF NOT EXISTS honorary_mentions JSONB,
+  ADD COLUMN IF NOT EXISTS gallery_url TEXT;

From cf4b3fe7cb16395cad8a77f7b02e7c1f6d7c480e Mon Sep 17 00:00:00 2001
From: sacha <23283108+sacha-l@users.noreply.github.com>
Date: Thu, 25 Jun 2026 15:35:16 +0100
Subject: [PATCH 2/8] fix(admin): guard against undefined array fields in
 results summary panel

---
 .../admin/ProgramResultsSummarySection.tsx    | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/client/src/components/admin/ProgramResultsSummarySection.tsx b/client/src/components/admin/ProgramResultsSummarySection.tsx
index f0c66c8..7ffc5b4 100644
--- a/client/src/components/admin/ProgramResultsSummarySection.tsx
+++ b/client/src/components/admin/ProgramResultsSummarySection.tsx
@@ -52,7 +52,7 @@ function buildFeedbackInsights(agg: ApiResultsFeedbackAggregate): string {
     if (comfyPct >= 60) {
       parts.push(`${comfyPct}% of teams found the deadline comfortable.`);
     } else if (tooTight > comfy) {
-      parts.push("Teams generally felt the timeline was tight — more hacking time would help.");
+      parts.push("Teams generally felt the timeline was tight; more hacking time would help.");
     } else {
       parts.push("Teams had mixed feelings about the deadline.");
     }
@@ -68,9 +68,10 @@ function buildFeedbackInsights(agg: ApiResultsFeedbackAggregate): string {
   }
 
   // Top blocker
-  if (agg.biggestBlockerSamples.length > 0) {
-    const sample = agg.biggestBlockerSamples[0];
-    if (sample.length < 120) {
+  const blockerSamples = agg.biggestBlockerSamples ?? [];
+  if (blockerSamples.length > 0) {
+    const sample = blockerSamples[0];
+    if (sample && sample.length < 120) {
       parts.push(`The most cited blocker: "${sample}"`);
     }
   }
@@ -110,14 +111,15 @@ function CategoryColumn({
   scoreKey: "avgRequirements" | "avgTechStack" | "avgInnovation";
   maxScore: number;
 }) {
+  const safeRows = rows ?? [];
   return (
     <div className="panel p-3 flex-1 min-w-0">
       <div className="label-hw text-display mb-2">·{title}</div>
-      {rows.length === 0 ? (
+      {safeRows.length === 0 ? (
         <p className="label-hw-dim">No scored submissions.</p>
       ) : (
         <div className="space-y-2">
-          {rows.map((r, i) => (
+          {safeRows.map((r, i) => (
             <div key={r.submissionId} className="flex items-start gap-2">
               <span className="lcd px-1.5 py-0.5 label-hw text-display shrink-0">
                 {String(i + 1).padStart(2, "0")}
@@ -360,12 +362,12 @@ export function ProgramResultsSummarySection({
               <FeedbackChart title="Agent environment used" counts={feedback.agentEnv} />
               <FeedbackChart title="Surfaces built for" counts={feedback.surfaces} />
             </div>
-            {feedback.biggestBlockerSamples.length > 0 && (
+            {(feedback.biggestBlockerSamples ?? []).length > 0 && (
               <div className="mb-2">
                 <div className="label-hw-dim mb-1">·BIGGEST BLOCKERS (SAMPLE)</div>
                 <ul className="space-y-1">
-                  {feedback.biggestBlockerSamples.slice(0, 5).map((s, i) => (
-                    <li key={i} className="label-hw-dim text-[11px]">— {s}</li>
+                  {(feedback.biggestBlockerSamples ?? []).slice(0, 5).map((s, i) => (
+                    <li key={i} className="label-hw-dim text-[11px]">- {s}</li>
                   ))}
                 </ul>
               </div>

From 5de383509f4bd729e4eda807d467157c5ac1bb51 Mon Sep 17 00:00:00 2001
From: sacha <23283108+sacha-l@users.noreply.github.com>
Date: Thu, 25 Jun 2026 15:40:51 +0100
Subject: [PATCH 3/8] fix(admin): use allSettled so feedback fetch failure does
 not blank the results panel

---
 .../admin/ProgramResultsSummarySection.tsx          | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/client/src/components/admin/ProgramResultsSummarySection.tsx b/client/src/components/admin/ProgramResultsSummarySection.tsx
index 7ffc5b4..a910e43 100644
--- a/client/src/components/admin/ProgramResultsSummarySection.tsx
+++ b/client/src/components/admin/ProgramResultsSummarySection.tsx
@@ -223,7 +223,7 @@ export function ProgramResultsSummarySection({
     setError(null);
     getAuth()
       .then((authHeader) =>
-        Promise.all([
+        Promise.allSettled([
           api.getLeaderboard(program.slug, authHeader),
           api.getProgramStats(program.slug, authHeader),
           api.getFeedbackAggregate(program.slug, authHeader),
@@ -231,9 +231,14 @@ export function ProgramResultsSummarySection({
       )
       .then(([lb, st, fb]) => {
         if (!active) return;
-        setLeaderboard(lb.data);
-        setStats(st.data);
-        setFeedback(fb.data);
+        if (lb.status === "fulfilled") setLeaderboard(lb.value.data);
+        if (st.status === "fulfilled") setStats(st.value.data);
+        if (fb.status === "fulfilled") setFeedback(fb.value.data);
+        // Surface only unexpected failures (not 404s from un-deployed endpoints)
+        const firstFail = [lb, st].find((r) => r.status === "rejected");
+        if (firstFail && firstFail.status === "rejected") {
+          setError((firstFail.reason as Error)?.message || "Failed to load results data");
+        }
       })
       .catch((e: unknown) => {
         if (!active) return;

From f5818358905937da673a88e656dab6fb96e72a47 Mon Sep 17 00:00:00 2001
From: sacha <23283108+sacha-l@users.noreply.github.com>
Date: Thu, 25 Jun 2026 15:51:33 +0100
Subject: [PATCH 4/8] fix(mock): mark bitrefill-2026 as completed with honorary
 mentions and gallery for preview testing

---
 client/src/lib/mockPrograms.ts | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/client/src/lib/mockPrograms.ts b/client/src/lib/mockPrograms.ts
index 6d0f92f..eff0355 100644
--- a/client/src/lib/mockPrograms.ts
+++ b/client/src/lib/mockPrograms.ts
@@ -70,7 +70,7 @@ export const mockPrograms: ApiProgram[] = [
     slug: "bitrefill-2026",
     programType: "hackathon",
     description: "WebZero hackathon hosted with Bitrefill in Berlin.",
-    status: "open",
+    status: "completed",
     owner: "webzero",
     applicationsOpenAt: null,
     applicationsCloseAt: null,
@@ -86,9 +86,15 @@ export const mockPrograms: ApiProgram[] = [
       { amount: 200, currency: "EUR", label: "Bitrefill giftcard" },
       { amount: 100, currency: "EUR", label: "Bitrefill giftcard" },
     ],
-    resultsPublishedAt: null,
+    resultsPublishedAt: "2026-06-18T12:00:00Z",
+    honoraryMentions: [
+      { name: "qubitrefill", videoUrl: null, githubUrl: null },
+      { name: "VoiceBuy", videoUrl: null, githubUrl: null },
+      { name: "LootDrop", videoUrl: null, githubUrl: null },
+    ],
+    galleryUrl: "https://drive.google.com/drive/folders/1FEwf_sYTRc9tRqMRuXIlqG7lviAJP5Nk?usp=drive_link",
     createdAt: "2026-05-20T00:00:00Z",
-    updatedAt: "2026-05-20T00:00:00Z",
+    updatedAt: "2026-06-18T00:00:00Z",
   },
   {
     id: "m2-incubator",

From 9ac2b3330c9320b5cbfad6df7765d50782532334 Mon Sep 17 00:00:00 2001
From: sacha <23283108+sacha-l@users.noreply.github.com>
Date: Thu, 25 Jun 2026 15:59:33 +0100
Subject: [PATCH 5/8] fix(admin): skip wallet auth in mock mode for results
 summary panel

---
 .../components/admin/ProgramResultsSummarySection.tsx    | 9 ++++++++-
 client/src/lib/api.ts                                    | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/client/src/components/admin/ProgramResultsSummarySection.tsx b/client/src/components/admin/ProgramResultsSummarySection.tsx
index a910e43..33f800b 100644
--- a/client/src/components/admin/ProgramResultsSummarySection.tsx
+++ b/client/src/components/admin/ProgramResultsSummarySection.tsx
@@ -10,6 +10,7 @@ import {
 } from "recharts";
 import {
   api,
+  USE_MOCK_DATA,
   type ApiProgram,
   type ApiProgramStats,
   type ApiLeaderboard,
@@ -221,7 +222,13 @@ export function ProgramResultsSummarySection({
     let active = true;
     setLoading(true);
     setError(null);
-    getAuth()
+    // In mock mode the API functions ignore the auth header — skip the wallet
+    // signing call entirely so the preview works without a real token.
+    const authPromise: Promise<AdminAuthArg> = USE_MOCK_DATA
+      ? Promise.resolve({} as AdminAuthArg)
+      : getAuth();
+
+    authPromise
       .then((authHeader) =>
         Promise.allSettled([
           api.getLeaderboard(program.slug, authHeader),
diff --git a/client/src/lib/api.ts b/client/src/lib/api.ts
index c4c4123..51703c5 100644
--- a/client/src/lib/api.ts
+++ b/client/src/lib/api.ts
@@ -14,7 +14,7 @@ if (typeof window !== "undefined") {
 // simulated (localStorage + in-memory). Controlled by VITE_USE_MOCK_DATA — set to
 // "true" in Vercel Preview so branch previews never call the production API.
 // Expose for console debugging: window.__STADIUM_MOCK__
-const USE_MOCK_DATA = import.meta.env.VITE_USE_MOCK_DATA === 'true';
+export const USE_MOCK_DATA = import.meta.env.VITE_USE_MOCK_DATA === 'true';
 if (typeof window !== "undefined") {
   (window as unknown as { __STADIUM_MOCK__?: boolean }).__STADIUM_MOCK__ = USE_MOCK_DATA;
 }

From 938745c44759b306471d94c53358d0a5f9c9fa96 Mon Sep 17 00:00:00 2001
From: sacha <23283108+sacha-l@users.noreply.github.com>
Date: Thu, 25 Jun 2026 17:20:49 +0100
Subject: [PATCH 6/8] fix(admin): silently degrade on fetch errors in results
 summary, same as ProgramStatsHeader

---
 .../admin/ProgramResultsSummarySection.tsx        | 15 +--------------
 1 file changed, 1 insertion(+), 14 deletions(-)

diff --git a/client/src/components/admin/ProgramResultsSummarySection.tsx b/client/src/components/admin/ProgramResultsSummarySection.tsx
index 33f800b..3f9d973 100644
--- a/client/src/components/admin/ProgramResultsSummarySection.tsx
+++ b/client/src/components/admin/ProgramResultsSummarySection.tsx
@@ -216,7 +216,6 @@ export function ProgramResultsSummarySection({
   const [stats, setStats] = useState<ApiProgramStats | null>(null);
   const [feedback, setFeedback] = useState<ApiResultsFeedbackAggregate | null>(null);
   const [loading, setLoading] = useState(true);
-  const [error, setError] = useState<string | null>(null);
 
   useEffect(() => {
     let active = true;
@@ -241,16 +240,8 @@ export function ProgramResultsSummarySection({
         if (lb.status === "fulfilled") setLeaderboard(lb.value.data);
         if (st.status === "fulfilled") setStats(st.value.data);
         if (fb.status === "fulfilled") setFeedback(fb.value.data);
-        // Surface only unexpected failures (not 404s from un-deployed endpoints)
-        const firstFail = [lb, st].find((r) => r.status === "rejected");
-        if (firstFail && firstFail.status === "rejected") {
-          setError((firstFail.reason as Error)?.message || "Failed to load results data");
-        }
-      })
-      .catch((e: unknown) => {
-        if (!active) return;
-        setError((e as Error)?.message || "Failed to load results data");
       })
+      .catch(() => { /* silently degrade — sections render with empty states */ })
       .finally(() => {
         if (active) setLoading(false);
       });
@@ -284,10 +275,6 @@ export function ProgramResultsSummarySection({
           </div>
         )}
 
-        {error && (
-          <div className="label-hw text-destructive mb-3">·{error.toUpperCase()}</div>
-        )}
-
         {!loading && leaderboard && (
           <>
             {/* Top 3 per scoring category */}

From 7ecc73b609ac65f14a0c0d44e7b488f6fc70b612 Mon Sep 17 00:00:00 2001
From: sacha <23283108+sacha-l@users.noreply.github.com>
Date: Thu, 25 Jun 2026 17:40:52 +0100
Subject: [PATCH 7/8] fix(admin): remove orphaned setError call after error
 state was removed

---
 client/src/components/admin/ProgramResultsSummarySection.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/client/src/components/admin/ProgramResultsSummarySection.tsx b/client/src/components/admin/ProgramResultsSummarySection.tsx
index 3f9d973..b6e09e0 100644
--- a/client/src/components/admin/ProgramResultsSummarySection.tsx
+++ b/client/src/components/admin/ProgramResultsSummarySection.tsx
@@ -220,7 +220,6 @@ export function ProgramResultsSummarySection({
   useEffect(() => {
     let active = true;
     setLoading(true);
-    setError(null);
     // In mock mode the API functions ignore the auth header — skip the wallet
     // signing call entirely so the preview works without a real token.
     const authPromise: Promise<AdminAuthArg> = USE_MOCK_DATA

From 81f9073b8d03bfc38e055a534be497858ff72f73 Mon Sep 17 00:00:00 2001
From: sacha <23283108+sacha-l@users.noreply.github.com>
Date: Thu, 25 Jun 2026 17:46:53 +0100
Subject: [PATCH 8/8] fix(admin): remove orphaned setError, replace em-dashes
 in completeness warnings

---
 client/src/components/admin/ProgramFormModal.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/components/admin/ProgramFormModal.tsx b/client/src/components/admin/ProgramFormModal.tsx
index 4a496f2..1fcc7b2 100644
--- a/client/src/components/admin/ProgramFormModal.tsx
+++ b/client/src/components/admin/ProgramFormModal.tsx
@@ -383,19 +383,19 @@ export function ProgramFormModal({
               {!galleryUrl.trim() && (
                 <p className="label-hw text-[10px]">
                   <span className="led led-sm mr-1" style={{ background: "var(--color-amber, #f59e0b)" }} aria-hidden="true" />
-                  ·GALLERY URL IS MISSING — add it below so the results panel can link to event photos.
+                  ·GALLERY URL IS MISSING: add it below so the results panel can link to event photos.
                 </p>
               )}
               {honoraryMentionRows.length === 0 && (
                 <p className="label-hw text-[10px]">
                   <span className="led led-sm mr-1" style={{ background: "var(--color-amber, #f59e0b)" }} aria-hidden="true" />
-                  ·HONORARY MENTIONS ARE EMPTY — add them below if applicable.
+                  ·HONORARY MENTIONS ARE EMPTY: add them below if applicable.
                 </p>
               )}
               {(!eventStartsAt || !eventEndsAt) && (
                 <p className="label-hw text-[10px]">
                   <span className="led led-sm mr-1" style={{ background: "var(--color-amber, #f59e0b)" }} aria-hidden="true" />
-                  ·EVENT DATES MISSING — hours of hacking will not be shown in the results panel.
+                  ·EVENT DATES MISSING: hours of hacking will not be shown in the results panel.
                 </p>
               )}
             </div>