fix(report): show scan result insights

web/app.js

@@ -141,10 +141,11 @@ function finalProgressState(result) {
 
 function ProgressPanel({ steps }) {
   if (!steps.length) return null;
+  const isComplete = steps.every((step) => step.status === "done");
   return h(
     "section",
     { className: "progress-panel", "aria-live": "polite" },
-    h("h3", null, "Your scan is moving"),
+    h("h3", null, isComplete ? "Scan results are ready" : "Your scan is moving"),
     h(
       "ol",
       { className: "progress-list" },
@@ -160,6 +161,60 @@ function ProgressPanel({ steps }) {
   );
 }
 
+function ReviewInsights({ result }) {
+  if (!result) return null;
+  const report = result.report;
+  const warnings = report.video_manifest?.quality_warnings || [];
+  const exercise = label(report.exercise?.exercise || "movement");
+  const repCount = report.reps?.reps?.length || 0;
+  const issues = report.issue_markers?.issues || [];
+  const confidence = percent(report.exercise?.confidence);
+  const issueText = issues.length
+    ? `${issues.length} coaching moment${issues.length === 1 ? "" : "s"}`
+    : "No clear form issues";
+
+  return h(
+    "div",
+    { className: "scan-insights", "aria-label": "Scan results" },
+    h(
+      "article",
+      { className: "scan-insight" },
+      h("span", null, "Movement"),
+      h("strong", null, exercise),
+      h("small", null, `confidence ${confidence}`),
+    ),
+    h(
+      "article",
+      { className: "scan-insight" },
+      h("span", null, "Reps counted"),
+      h("strong", null, String(repCount)),
+      h("small", null, repCount === 1 ? "clean rep detected" : "reps detected"),
+    ),
+    h(
+      "article",
+      { className: "scan-insight" },
+      h("span", null, "Coach review"),
+      h("strong", null, issueText),
+      h(
+        "small",
+        null,
+        issues.length ? "tap Issues for clips" : "nothing major stood out",
+      ),
+    ),
+    h(
+      "article",
+      { className: "scan-insight" },
+      h("span", null, "Video quality"),
+      h("strong", null, warnings.length ? "Needs a quick note" : "Looks good"),
+      h(
+        "small",
+        null,
+        warnings.length ? warnings.map(label).join(", ") : "clear enough to coach",
+      ),
+    ),
+  );
+}
+
 function SummaryTab({ result }) {
   if (!result) {
     return h(
@@ -922,6 +977,7 @@ function App() {
         result?.annotated_video_url
           ? null
           : h(ProgressPanel, { steps: progressSteps }),
+        h(ReviewInsights, { result }),
       ),
     ),
     h(ReportPanel, { result, activeTab, onTabChange: setActiveTab }),

web/styles.css

@@ -399,6 +399,36 @@ input[type="text"]:focus,
   box-shadow: 0 0 0 5px rgba(190, 104, 75, 0.14);
 }
 
+.scan-insights {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 10px;
+  margin-top: 14px;
+}
+
+.scan-insight {
+  min-width: 0;
+  border: 1px solid rgba(37, 44, 31, 0.12);
+  border-radius: 8px;
+  padding: 12px;
+  background: rgba(255, 253, 247, 0.74);
+}
+
+.scan-insight span,
+.scan-insight small {
+  display: block;
+  color: var(--muted);
+  font-size: 0.8rem;
+}
+
+.scan-insight strong {
+  display: block;
+  overflow-wrap: anywhere;
+  margin: 4px 0;
+  color: var(--forest-deep);
+  font-size: 1.04rem;
+}
+
 .result-stage {
   display: grid;
   min-height: 470px;
@@ -768,6 +798,7 @@ td {
   .note-grid,
   .stat-grid,
   .metric-grid,
+  .scan-insights,
   .rep-grid,
   .issue-card-grid {
     grid-template-columns: 1fr;