Upload folder using huggingface_hub

measure_finger.py

@@ -609,7 +609,7 @@ def measure_finger(
                 card_result = detect_credit_card(image_canonical, debug_dir=card_debug_dir)
 
         if card_result is None:
-            logger.warning("credit card not detected in image")
+            logger.warning("card not detected in image")
             return create_output(
                 card_detected=False,
                 fail_reason="card_not_detected",

web_demo/static/app.js

@@ -15,7 +15,7 @@ const fingerBreakdown = document.getElementById("fingerBreakdown");
 const defaultSampleUrl = window.DEFAULT_SAMPLE_URL || "";
 const failReasonMessageMap = {
   card_not_detected:
-    "Credit card not detected. Place the card beside your hand on a plain, white background (e.g. a sheet of paper), and turn on your phone's flash.",
+    "Card not detected. Place the card beside your hand on a plain, white background (e.g. a sheet of paper), and turn on your phone's flash.",
   card_not_parallel:
     "Card is not parallel to the camera. Keep your phone directly above and parallel to the card.",
   card_near_edge:
@@ -128,23 +128,10 @@ const renderMultiResult = (result) => {
     return;
   }
 
-  const aiExplanation = result.ai_explanation;
-
-  // Always show deterministic recommendation as hero
-  if (result.overall_best_size) {
-    overallSize.innerHTML = `
-      <div class="size-hero">
-        <span class="size-label">Recommended Size</span>
-        <span class="size-number">${result.overall_best_size}</span>
-        <span class="size-range">Range: ${result.overall_range_min} – ${result.overall_range_max}</span>
-        ${aiExplanation ? `<p class="ai-reason">${aiExplanation}</p>` : ""}
-      </div>`;
-  } else {
-    overallSize.innerHTML = `<div class="size-hero"><span class="size-label">Measurement Failed</span></div>`;
-  }
+  overallSize.innerHTML = "";
 
   // Per-finger cards: size + range + width
-  const fingerNames = { index: "Index", middle: "Middle", ring: "Ring" };
+  const fingerNames = { index: "Index (Recommended)", middle: "Middle", ring: "Ring" };
   const fingerColors = { index: "#00dddd", middle: "#00cc44", ring: "#dd44dd" };
   let html = '<div class="finger-cards">';
   for (const [fn, label] of Object.entries(fingerNames)) {
@@ -160,9 +147,9 @@ const renderMultiResult = (result) => {
       html += `<div class="finger-size-label">Size</div>`;
       html += `<div class="finger-size">${size}</div>`;
       if (range) {
-        html += `<div class="finger-range">${range[0]} – ${range[1]}</div>`;
+        html += `<div class="finger-range">Range: ${range[0]} – ${range[1]}</div>`;
       }
-      html += `<div class="finger-width">${(pf.diameter_cm * 10).toFixed(1)} mm</div>`;
+      html += `<div class="finger-width">Width: ${(pf.diameter_cm * 10).toFixed(1)} mm</div>`;
     } else {
       html += `<div class="finger-failed">Failed</div>
         <div class="finger-fail-reason">${pf.fail_reason || "unknown"}</div>`;
@@ -282,7 +269,7 @@ const runMeasurement = async (endpoint, formData, inputUrlFallback = "") => {
     }
 
     if (data.success) {
-      setStatus("Measurement complete. Results updated.");
+      setStatus("Measurement complete. (Tip: Turning on the camera flash improves accuracy.)");
     } else {
       const failReason = data?.result?.fail_reason;
       setStatus(formatFailReasonStatus(failReason), { error: true });

web_demo/static/styles.css

@@ -395,7 +395,7 @@ pre {
 }
 
 .finger-card .finger-range {
-  font-size: 0.8rem;
+  font-size: 0.85rem;
   color: var(--ink-soft);
   margin-top: 2px;
 }