Upload folder using huggingface_hub

AGENTS.md

@@ -274,6 +274,10 @@ create table public.feedback (
   id uuid primary key default gen_random_uuid(),
   submitted_at timestamptz not null default now(),
   kol_email text not null,          -- normalized join key
+  kol_name text,                    -- also captured: legacy KOLs measured
+                                    -- pre-email-switch have kol_name (not
+                                    -- kol_email) on their measurements row,
+                                    -- so name lets their feedback join back
   received_size text, received_model text, best_fit_finger text,
   fit_quality text, hand text, photo_url text, notes text
 );

CLAUDE.md

@@ -274,6 +274,10 @@ create table public.feedback (
   id uuid primary key default gen_random_uuid(),
   submitted_at timestamptz not null default now(),
   kol_email text not null,          -- normalized join key
+  kol_name text,                    -- also captured: legacy KOLs measured
+                                    -- pre-email-switch have kol_name (not
+                                    -- kol_email) on their measurements row,
+                                    -- so name lets their feedback join back
   received_size text, received_model text, best_fit_finger text,
   fit_quality text, hand text, photo_url text, notes text
 );

web_demo/app.py

@@ -651,6 +651,14 @@ def api_fit_feedback():
     kol_email = (request.form.get("kol_email") or "").strip().lower()
     if not kol_email or "@" not in kol_email:
         return jsonify({"success": False, "error": "A valid email is required"}), 400
+    # Name is also required: legacy KOLs were measured under the old
+    # name-based identity (before the email switch), so their measurements
+    # rows have kol_name but no kol_email. Capturing the name here lets their
+    # post-shipment feedback join back to those historical rows. See
+    # doc/v8/PRD.md.
+    kol_name = (request.form.get("kol_name") or "").strip()
+    if not kol_name:
+        return jsonify({"success": False, "error": "A name is required"}), 400
 
     def _field(name: str) -> Optional[str]:
         v = (request.form.get(name) or "").strip()
@@ -675,6 +683,7 @@ def api_fit_feedback():
 
     record = {
         "kol_email": kol_email,
+        "kol_name": kol_name,
         "received_size": _field("received_size"),
         "received_model": _field("received_model"),
         "best_fit_finger": _field("best_fit_finger"),

web_demo/static/feedback/feedback.css

@@ -32,7 +32,10 @@
 .controls input[type="file"] {
   width: 100%;
   font-size: 1rem;
-  color: var(--ink-soft);
+  /* Hide the native status text ("No file chosen" / the picked filename) —
+     it's redundant next to the labelled button. The button keeps its own
+     color (set on ::file-selector-button below), so it stays visible. */
+  color: transparent;
 }
 
 /* Enlarge the native "Choose File" button — iOS Safari renders it small

web_demo/static/feedback/feedback.js

@@ -34,7 +34,7 @@ const REQUIRED = [
 ];
 
 // Every field that can produce a validation error, in DOM order.
-const FIELD_IDS = ["kolEmail", ...REQUIRED.map(([id]) => id)];
+const FIELD_IDS = ["kolName", "kolEmail", ...REQUIRED.map(([id]) => id)];
 
 // Inject an inline error slot under each validatable field and clear it
 // as soon as the user edits that field.
@@ -80,6 +80,9 @@ function showFormError(msg) {
 
 // Returns [fieldId, message] for the first invalid field, or null.
 function firstInvalid() {
+  if (!val("kolName")) {
+    return ["kolName", "Please enter your name."];
+  }
   if (!EMAIL_RE.test(val("kolEmail").toLowerCase())) {
     return ["kolEmail", "Please enter a valid email."];
   }
@@ -107,6 +110,7 @@ form.addEventListener("submit", async (event) => {
   }
 
   const fd = new FormData();
+  fd.append("kol_name", val("kolName"));
   fd.append("kol_email", val("kolEmail").toLowerCase());
   fd.append("received_size", val("receivedSize"));
   fd.append("received_model", val("receivedModel"));

web_demo/templates/admin.html

@@ -285,6 +285,7 @@
         <table>
           <thead>
             <tr>
+              <th>Name</th>
               <th>Email</th>
               <th>Submitted</th>
               <th>Size</th>
@@ -298,7 +299,7 @@
             </tr>
           </thead>
           <tbody id="fbTableBody">
-            <tr><td colspan="10" class="empty">Loading...</td></tr>
+            <tr><td colspan="11" class="empty">Loading...</td></tr>
           </tbody>
         </table>
       </div>
@@ -526,6 +527,7 @@
         ? `<img class="thumb" loading="lazy" src="${esc(r.photo_url)}" onclick="window.open('${esc(r.photo_url)}')" />`
         : "-";
       return `<tr data-id="${esc(r.id)}">
+        <td>${esc(r.kol_name) || "-"}</td>
         <td><strong>${esc(r.kol_email) || "-"}</strong></td>
         <td>${fmtDate(r.submitted_at)}</td>
         <td>${esc(r.received_size) || "-"}</td>
@@ -546,7 +548,7 @@
       if (fbCurrentPage < 1) fbCurrentPage = 1;
       if (total === 0) {
         fbCountLabel.textContent = "0 feedback rows";
-        fbTableBody.innerHTML = '<tr><td colspan="10" class="empty">No feedback yet</td></tr>';
+        fbTableBody.innerHTML = '<tr><td colspan="11" class="empty">No feedback yet</td></tr>';
       } else {
         const start = (fbCurrentPage - 1) * PAGE_SIZE;
         const slice = fbAllRows.slice(start, start + PAGE_SIZE);
@@ -573,7 +575,7 @@
         fbCurrentPage = 1;
         renderFbPage();
       } catch (e) {
-        fbTableBody.innerHTML = `<tr><td colspan="10" class="empty">Error loading feedback: ${e.message}</td></tr>`;
+        fbTableBody.innerHTML = `<tr><td colspan="11" class="empty">Error loading feedback: ${e.message}</td></tr>`;
       }
     };
 

web_demo/templates/feedback.html

@@ -22,6 +22,17 @@
 
       <form class="panel" id="feedbackForm" novalidate>
         <div class="controls">
+          <label>
+            <span>Name</span>
+            <input
+              type="text"
+              id="kolName"
+              placeholder="Your name"
+              autocomplete="name"
+              required
+            />
+          </label>
+
           <label>
             <span>Email</span>
             <input