@primestyleai/tryon 5.10.144 → 5.10.170

package/dist/storefront/primestyle-tryon.js

@@ -10098,20 +10098,16 @@ function parseNum(s) {
 function computeFit(userValue, chartRange, unit) {
   const { min: rMin, max: rMax } = parseRange(chartRange);
   if (rMin === 0 && rMax === 0) return "good";
-  const range = rMax - rMin;
-  const threshold = range > 0 ? range * 0.5 : rMin * 0.05 || 3;
-  const perfectTol = unit === "cm" ? 2.54 : unit === "mm" ? 25.4 : 1;
-  if (userValue > rMin - perfectTol && userValue < rMax + perfectTol) return "good";
-  if (userValue < rMin) {
-    const diff2 = rMin - userValue;
-    if (diff2 > threshold * 2) return "too-loose";
-    if (diff2 > threshold) return "loose";
-    return "a-bit-loose";
-  }
-  const diff = userValue - rMax;
-  if (diff > threshold * 2) return "too-tight";
-  if (diff > threshold) return "tight";
-  return "a-bit-tight";
+  const perfectTol = unit === "cm" ? 1.27 : unit === "mm" ? 12.7 : 0.5;
+  const aBitTol = unit === "cm" ? 2.54 : unit === "mm" ? 25.4 : 1;
+  const tooFarTol = unit === "cm" ? 5.08 : unit === "mm" ? 50.8 : 2;
+  const inRange = userValue >= rMin && userValue <= rMax;
+  const overEdge = inRange ? 0 : userValue > rMax ? userValue - rMax : rMin - userValue;
+  if (inRange || overEdge <= perfectTol) return "good";
+  const isUnder = userValue < rMin;
+  if (overEdge > tooFarTol) return isUnder ? "too-loose" : "too-tight";
+  if (overEdge > aBitTol) return isUnder ? "loose" : "tight";
+  return isUnder ? "a-bit-loose" : "a-bit-tight";
 }
 const AREA_TO_POSE_KEY = {
   chest: "chest",
@@ -10151,10 +10147,44 @@ function buildFitInfo(matchDetails, poseLines, unit) {
 function buildSilhouetteContext(sizingResult, sizeGuide, selectedSizeOverride, userHeight, userWeight) {
   if (!sizingResult && !sizeGuide && !userHeight && !userWeight) return void 0;
   const out = {};
-  if (selectedSizeOverride) out.recommendedSize = selectedSizeOverride;
-  else if (sizingResult?.recommendedSize) out.recommendedSize = sizingResult.recommendedSize;
+  const baseSize = (selectedSizeOverride || sizingResult?.recommendedSize || "").toString().trim();
   if (userHeight) out.userHeight = userHeight;
   if (userWeight) out.userWeight = userWeight;
+  let chartRowLength = null;
+  let chartRowFit = null;
+  if (baseSize && sizeGuide?.headers?.length && sizeGuide.rows?.length) {
+    const matchRow = sizeGuide.rows.find((r2) => (r2[0] ?? "").toString().trim() === baseSize);
+    if (matchRow) {
+      const hdrs = sizeGuide.headers;
+      const bits = [];
+      for (let i = 1; i < hdrs.length; i++) {
+        const v2 = matchRow[i];
+        const vStr = v2 == null ? "" : String(v2).trim();
+        const h = hdrs[i] || "";
+        if (chartRowFit == null && /^(fit|silhouette|category|body[\s_]?type)$/i.test(h) && vStr) {
+          chartRowFit = vStr;
+          continue;
+        }
+        if (vStr) bits.push(`${h} ${vStr}`);
+        if (chartRowLength == null && /^length\b|inseam/i.test(h) && vStr) {
+          chartRowLength = vStr;
+        }
+      }
+      if (bits.length) out.recommendedSizeMeasurements = bits.join(", ");
+    }
+  }
+  if (baseSize) {
+    const prefixed = chartRowFit ? `${chartRowFit} ${baseSize}` : baseSize;
+    const length = sizingResult?.recommendedLength || chartRowLength;
+    if (length) {
+      const lenStr = String(length).trim();
+      const unit = (sizingResult?.unit || "in").toString();
+      const hasUnit = /[a-z]/i.test(lenStr);
+      out.recommendedSize = `${prefixed} / Length ${lenStr}${hasUnit ? "" : ` ${unit}`}`;
+    } else {
+      out.recommendedSize = prefixed;
+    }
+  }
   const seen = /* @__PURE__ */ new Set();
   const userLines = [];
   const push = (md2) => {
@@ -10806,6 +10836,40 @@ const STYLES$1 = `
   }
   .ps-tryon-header-icon:hover { border-color: var(--ps-accent); color: var(--ps-accent); }
   .ps-tryon-header-icon svg { stroke: currentColor; fill: none; width: clamp(14px, 0.9vw, 16px); height: clamp(14px, 0.9vw, 16px); }
+  /* Labeled variant — icon + text. Auto width, vw-scaled padding/gap so the
+     glyph and the label baseline-align cleanly across breakpoints. */
+  .ps-tryon-header-icon-labeled {
+    width: auto !important;
+    padding: 0 clamp(8px, 0.6vw, 12px);
+    gap: clamp(5px, 0.42vw, 8px);
+    font-size: clamp(11px, 0.73vw, 13px);
+    font-family: inherit;
+    font-weight: 500;
+    line-height: 1;
+    white-space: nowrap;
+  }
+  .ps-tryon-header-icon-label { line-height: 1; }
+  /* "Powered by PrimeStyleAI" — left-aligned tag in the modal header,
+     links out to primestyleai.com in a new tab. */
+  .ps-tryon-powered-by {
+    margin-right: auto;
+    font-size: clamp(10px, 0.68vw, 12px);
+    color: #9aa0a6;
+    letter-spacing: 0.04em;
+    font-weight: 400;
+    line-height: 1.4;
+    text-transform: uppercase;
+    white-space: nowrap;
+    text-decoration: none;
+    transition: color 0.2s;
+  }
+  .ps-tryon-powered-by:hover { color: #5a6168; }
+  .ps-tryon-powered-by:hover strong { color: var(--ps-accent); }
+  .ps-tryon-powered-by strong { color: #5a6168; font-weight: 600; letter-spacing: 0.02em; text-transform: none; transition: color 0.2s; }
+  /* Mobile hamburger button (desktop: hidden — inline buttons handle this) */
+  .ps-tryon-header-mobile-menu-btn { display: none; }
+  .ps-tryon-header-mobile-backdrop { display: none; }
+  .ps-tryon-header-mobile-menu { display: none; }
   .ps-tryon-close {
     width: 2.2vw; height: 2.2vw; display: flex; align-items: center; justify-content: center;
     background: none; border: none; color: var(--ps-modal-close-color, #999);
@@ -13812,15 +13876,112 @@ const STYLES$1 = `
       flex-shrink: 0;
       background: var(--ps-modal-header-bg, rgba(255,255,255,0.95)) !important;
     }
-    /* Mobile header icons: minimal flat glyphs, vertical hairline separators
-     * between adjacent icons (skip the first one). 24 px tap target keeps
-     * accessibility while the icon glyph shrinks to 14 px. */
+    /* Mobile header icons: minimal flat glyphs, slightly bigger touch
+     * targets than before so the icons read clearly at arms length, and
+     * with extra spacing between adjacent buttons (gap below). Labels are
+     * desktop-only — hide the inline text on mobile so it stays icon-only. */
     .ps-tryon-header-icon {
-      width: 24px !important; height: 24px !important;
+      width: 34px !important; height: 34px !important;
       border: none !important; background: transparent !important;
       border-radius: 0 !important; padding: 0 !important;
+      gap: 0 !important;
+    }
+    .ps-tryon-header-icon svg { width: 20px !important; height: 20px !important; }
+    .ps-tryon-header-icon-labeled { padding: 0 !important; font-size: 0 !important; }
+    .ps-tryon-header-icon-label { display: none !important; }
+    .ps-tryon-header-minimal { gap: 10px !important; }
+    .ps-tryon-powered-by {
+      font-size: 10px !important;
+      letter-spacing: 0.05em !important;
+    }
+    /* Mobile-only header collapse: Profile + History + LangSwitcher move
+       into the hamburger popover. The inline icons render NOTHING on
+       mobile so the header reads "PoweredBy ... [☰] [×]". */
+    .ps-tryon-header-icon-labeled,
+    .ps-tryon-header-minimal > .ps-tryon-lang-trigger { display: none !important; }
+    .ps-tryon-header-mobile-menu-btn {
+      display: flex !important;
+      width: 34px !important; height: 34px !important;
+      border: none !important; background: transparent !important;
+      align-items: center !important; justify-content: center !important;
+      color: var(--ps-text-secondary) !important;
+      padding: 0 !important; cursor: pointer !important;
+    }
+    .ps-tryon-header-mobile-menu-btn:hover { color: var(--ps-accent) !important; }
+    .ps-tryon-header-mobile-backdrop {
+      display: block !important;
+      position: fixed !important; inset: 0 !important;
+      z-index: 2147483646 !important;
+      background: rgba(0,0,0,0.18) !important;
+    }
+    .ps-tryon-header-mobile-menu {
+      display: flex !important;
+      flex-direction: column;
+      position: fixed !important;
+      z-index: 2147483647 !important;
+      min-width: 168px;
+      background: #fff;
+      border-radius: 12px;
+      box-shadow: 0 10px 28px rgba(0,0,0,0.14), 0 1px 2px rgba(0,0,0,0.06);
+      overflow: hidden;
+      animation: ps-tryon-mobile-menu-in 0.18s ease-out both;
+      padding: 4px 0;
+    }
+    @keyframes ps-tryon-mobile-menu-in {
+      from { opacity: 0; transform: translateY(-6px) scale(0.97); }
+      to   { opacity: 1; transform: none; }
+    }
+    .ps-tryon-header-mobile-menu-item {
+      display: flex !important; align-items: center; gap: 10px;
+      padding: 11px 14px !important;
+      border: none !important; background: transparent !important;
+      cursor: pointer !important;
+      font: inherit; font-size: 14px !important; font-weight: 500 !important;
+      color: var(--ps-text-primary, #111) !important;
+      text-align: left !important;
+      transition: background 0.15s;
+    }
+    .ps-tryon-header-mobile-menu-item:hover { background: rgba(0,0,0,0.04) !important; }
+    .ps-tryon-header-mobile-menu-item svg {
+      width: 18px !important; height: 18px !important;
+      stroke: currentColor !important; fill: none !important;
+    }
+    .ps-tryon-header-mobile-menu-lang {
+      border-top: 1px solid rgba(0,0,0,0.06);
+    }
+    /* Inside the popover, force the language trigger to match the
+       Profile/History rows: same padding, gap, font-size, icon size. */
+    .ps-tryon-header-mobile-menu-lang .ps-tryon-lang-trigger {
+      display: flex !important;
+      align-items: center !important;
+      gap: 10px !important;
+      width: 100% !important;
+      padding: 11px 14px !important;
+      min-height: 0 !important;
+      border: none !important;
+      background: transparent !important;
+      border-radius: 0 !important;
+      font: inherit !important;
+      font-size: 14px !important;
+      font-weight: 500 !important;
+      color: var(--ps-text-primary, #111) !important;
+      text-align: left !important;
+      cursor: pointer !important;
+      transition: background 0.15s !important;
+    }
+    .ps-tryon-header-mobile-menu-lang .ps-tryon-lang-trigger:hover { background: rgba(0,0,0,0.04) !important; }
+    .ps-tryon-header-mobile-menu-lang .ps-tryon-lang-trigger svg {
+      width: 18px !important; height: 18px !important;
+      flex-shrink: 0 !important;
+    }
+    .ps-tryon-header-mobile-menu-lang .ps-tryon-lang-current {
+      font-size: 14px !important;
+      font-weight: 500 !important;
+      flex: 1;
+    }
+    .ps-tryon-header-mobile-menu-lang .ps-tryon-lang-arrow {
+      margin-left: auto;
     }
-    .ps-tryon-header-icon svg { width: 14px !important; height: 14px !important; }
     .ps-tryon-close {
       width: 24px !important; height: 24px !important;
       border: none !important; background: transparent !important;
@@ -19619,6 +19780,12 @@ function garmentIconForSection(name) {
   if (n2.includes("vest") || n2.includes("waistcoat") || n2.includes("gilet")) return garmentVestImg;
   return null;
 }
+function formatPillLabel(s) {
+  if (!s) return s;
+  const head = s.split("/")[0]?.trim() || s;
+  const tokens = head.split(/\s+/);
+  return tokens[tokens.length - 1] || s;
+}
 const SKELETON_CONNECTIONS = [
   ["nose", "leftShoulder"],
   ["nose", "rightShoulder"],
@@ -19872,7 +20039,7 @@ function MeasurementOverlay({ lines, fitRows, show, imgWidth, imgHeight }) {
     const x2 = line.x2 * W2;
     const cy = line.y * H2;
     const width = x2 - x1;
-    const curveDepth = width * 0.06;
+    const ellipseRy = width * 0.12;
     const midX = (x1 + x2) / 2;
     const fitRow = fitRows.find((r2) => {
       const a = r2.area.toLowerCase().trim();
@@ -19882,31 +20049,54 @@ function MeasurementOverlay({ lines, fitRows, show, imgWidth, imgHeight }) {
       if (key === "hips" && (a.includes("hip") || a === "hips")) return true;
       return false;
     });
-    const color = fitRow ? fitColor(fitRow.fit) : "#2154EF";
+    if (!fitRow) return null;
+    const color = "rgba(255,255,255,0.95)";
     const delay = i * 0.35;
-    const curvePath = `M ${x1} ${cy} Q ${midX} ${cy + curveDepth} ${x2} ${cy}`;
-    const lineLen = width * 1.05;
+    const frontArc = `M ${x1} ${cy} Q ${midX} ${cy + ellipseRy} ${x2} ${cy}`;
+    const backArc = `M ${x1} ${cy} Q ${midX} ${cy - ellipseRy} ${x2} ${cy}`;
     const labelText = fitRow ? fitRow.fit === "good" ? "✓ Fit" : fitRow.isLength ? fitRow.fit.includes("short") || fitRow.fit.includes("tight") ? "Short" : "Long" : fitRow.fit.includes("tight") ? "Tight" : "Loose" : label;
-    const labelFont = Math.max(14, Math.round(22 * scale));
+    const labelFont = Math.max(26, Math.round(48 * scale));
     const labelWidthEst = labelText.length * labelFont * 0.62;
-    const rightSpace = W2 - x2 - 12 * scale;
-    const flipLeft = rightSpace < labelWidthEst;
-    const labelX = flipLeft ? x1 - 10 * scale : x2 + 10 * scale;
-    const labelAnchor = flipLeft ? "end" : "start";
+    const boxPadX = Math.max(10, Math.round(14 * scale));
+    const boxPadY = Math.max(6, Math.round(10 * scale));
+    const boxW = labelWidthEst + boxPadX * 2;
+    const boxH = labelFont + boxPadY * 2;
+    const armLen = Math.max(28, Math.round(50 * scale));
+    const rightSpace = W2 - x2 - boxW - armLen - 12 * scale;
+    const flipLeft = rightSpace < 0;
     const tickX1 = flipLeft ? x1 : x2;
-    const tickX2 = flipLeft ? x1 - 6 * scale : x2 + 6 * scale;
+    const tickX2 = flipLeft ? x1 - armLen : x2 + armLen;
+    const boxX = flipLeft ? tickX2 - boxW : tickX2;
+    const boxY = cy - boxH / 2;
+    const boxFill = fitRow ? fitColor(fitRow.fit) : "rgba(255,255,255,0.95)";
+    const arrowHeadW = Math.max(6, Math.round(10 * scale));
+    const dashLen = Math.max(6, Math.round(8 * scale));
+    const gapLen = Math.max(5, Math.round(7 * scale));
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("g", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("g", { opacity: "0.45", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          d: backArc,
+          fill: "none",
+          stroke: color,
+          strokeWidth: strokeW,
+          strokeLinecap: "round",
+          strokeDasharray: `${dashLen} ${gapLen}`,
+          opacity: "0",
+          style: { animation: `ps-pose-fade 0.45s ease ${delay}s forwards` }
+        }
+      ) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "path",
         {
-          d: curvePath,
+          d: frontArc,
           fill: "none",
           stroke: color,
           strokeWidth: strokeW,
           strokeLinecap: "round",
-          strokeDasharray: lineLen,
-          strokeDashoffset: lineLen,
-          style: { animation: `ps-pose-draw 0.7s ease-out ${delay}s forwards` }
+          strokeDasharray: `${dashLen} ${gapLen}`,
+          opacity: "0",
+          style: { animation: `ps-pose-fade 0.45s ease ${delay + 0.05}s forwards` }
         }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -19917,7 +20107,7 @@ function MeasurementOverlay({ lines, fitRows, show, imgWidth, imgHeight }) {
           r: dotR,
           fill: color,
           opacity: "0",
-          style: { animation: `ps-pose-fade 0.3s ease ${delay + 0.5}s forwards` }
+          style: { animation: `ps-pose-fade 0.3s ease ${delay + 0.4}s forwards` }
         }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -19928,10 +20118,10 @@ function MeasurementOverlay({ lines, fitRows, show, imgWidth, imgHeight }) {
           r: dotR,
           fill: color,
           opacity: "0",
-          style: { animation: `ps-pose-fade 0.3s ease ${delay + 0.5}s forwards` }
+          style: { animation: `ps-pose-fade 0.3s ease ${delay + 0.4}s forwards` }
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("g", { opacity: "0", style: { animation: `ps-pose-fade 0.4s ease ${delay + 0.6}s forwards` }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("g", { opacity: "0", style: { animation: `ps-pose-fade 0.4s ease ${delay + 0.5}s forwards` }, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "line",
           {
@@ -19940,20 +20130,45 @@ function MeasurementOverlay({ lines, fitRows, show, imgWidth, imgHeight }) {
             x2: tickX2,
             y2: cy,
             stroke: color,
-            strokeWidth: 2 * scale
+            strokeWidth: Math.max(2, 2.5 * scale),
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "polygon",
+          {
+            points: flipLeft ? `${tickX2 - arrowHeadW},${cy - arrowHeadW * 0.6} ${tickX2},${cy} ${tickX2 - arrowHeadW},${cy + arrowHeadW * 0.6}` : `${tickX2 + arrowHeadW},${cy - arrowHeadW * 0.6} ${tickX2},${cy} ${tickX2 + arrowHeadW},${cy + arrowHeadW * 0.6}`,
+            fill: color
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "rect",
+          {
+            x: boxX,
+            y: boxY,
+            width: boxW,
+            height: boxH,
+            rx: boxH / 2,
+            ry: boxH / 2,
+            fill: boxFill,
+            stroke: "rgba(0,0,0,0.18)",
+            strokeWidth: 1
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "text",
           {
-            x: labelX,
+            x: boxX + boxW / 2,
             y: cy + 1 * scale,
-            fill: color,
+            fill: "#FFFFFF",
             fontSize: labelFont,
-            fontWeight: "700",
+            fontWeight: "800",
             fontFamily: "system-ui, -apple-system, sans-serif",
             dominantBaseline: "middle",
-            textAnchor: labelAnchor,
+            textAnchor: "middle",
+            stroke: "rgba(0,0,0,0.35)",
+            strokeWidth: Math.max(2, scale * 2),
+            paintOrder: "stroke",
             children: labelText
           }
         )
@@ -20091,7 +20306,22 @@ function SectionDetailView({
     const raw = section.rows.map((r2) => cellValFn(r2, sizeColIdx, sizeHeader)).filter(Boolean);
     return [...new Set(raw)];
   }, [section, sizeColIdx, sizeHeader]);
-  const displaySize = selectedSize || recSize;
+  const displaySize = reactExports.useMemo(() => {
+    const stripLen = (s) => {
+      if (!s) return s;
+      const head = (s.split("/")[0] ?? s).trim();
+      const tokens = head.split(/\s+/);
+      return tokens[tokens.length - 1] || s;
+    };
+    const sizeBase = selectedSize || recSize;
+    if (!sizeBase || !selectedLength || !allSizes) return sizeBase;
+    const baseBare = stripLen(sizeBase);
+    const lengthLower = selectedLength.toLowerCase().trim();
+    const match = Object.keys(allSizes).find(
+      (k2) => stripLen(k2) === baseBare && k2.toLowerCase().includes(lengthLower)
+    );
+    return match || sizeBase;
+  }, [selectedSize, recSize, selectedLength, allSizes]);
   const isRecommended = displaySize === recSize;
   reactExports.useMemo(() => {
     if (isRecommended) return null;
@@ -20100,7 +20330,21 @@ function SectionDetailView({
     const hasBadFit = details.some((d) => BAD_FIT.test(d.fit || ""));
     return hasBadFit ? t2("Not Recommended") : t2("Your Selection");
   }, [isRecommended, sectionResult, t2]);
-  const displaySizeLabel = selectedCountry && isRecommended && internationalSizes && internationalSizes[selectedCountry] ? internationalSizes[selectedCountry] : displaySize;
+  const sizeFitPrefix = (() => {
+    const target = displaySize?.toString().trim();
+    if (!target || !section.headers?.length || !section.rows?.length) return "";
+    const row = section.rows.find((r2) => (r2[0] ?? "").toString().trim() === target);
+    if (!row) return "";
+    for (let i = 1; i < section.headers.length; i++) {
+      const h = section.headers[i] || "";
+      const v2 = row[i];
+      if (/^(fit|silhouette|category|body[\s_]?type)$/i.test(h) && v2 != null && String(v2).trim()) {
+        return String(v2).trim();
+      }
+    }
+    return "";
+  })();
+  const displaySizeLabel = selectedCountry && isRecommended && internationalSizes && internationalSizes[selectedCountry] ? internationalSizes[selectedCountry] : sizeFitPrefix ? `${sizeFitPrefix} ${displaySize}` : displaySize;
   const columnUnits = reactExports.useMemo(() => {
     const units = [];
     for (let i = 0; i < section.headers.length; i++) {
@@ -20186,16 +20430,17 @@ function SectionDetailView({
             const uNum = pNumFn(m2.userValue);
             if (uNum > 0) {
               const rMin = alt.min, rMax = alt.max;
-              const range = rMax - rMin;
-              const threshold = range > 0 ? range * 0.5 : rMin * 0.05 || 3;
-              const tol = Math.max((rMax || rMin) * 5e-3, 0.25);
+              const isCm = /\bcm\b/i.test(rawChartRange);
+              const aBitTol = isCm ? 1.27 : 0.5;
+              const tooFarTol = isCm ? 5.08 : 2;
+              const tol = Math.max((rMax || rMin) * 5e-3, isCm ? 0.25 : 0.1);
               if (uNum >= rMin - tol && uNum <= rMax + tol) fit = "good";
               else if (uNum < rMin) {
                 const d = rMin - uNum;
-                fit = d > threshold * 2 ? "too-loose" : d > threshold ? "loose" : "a-bit-loose";
+                fit = d > tooFarTol ? "too-loose" : d > aBitTol ? "loose" : "a-bit-loose";
               } else {
                 const d = uNum - rMax;
-                fit = d > threshold * 2 ? "too-tight" : d > threshold ? "tight" : "a-bit-tight";
+                fit = d > tooFarTol ? "too-tight" : d > aBitTol ? "tight" : "a-bit-tight";
               }
             }
           }
@@ -20291,20 +20536,85 @@ function SectionDetailView({
     (m2) => /inseam|length/i.test(m2.measurement) && !/neck|arm|sleeve|back|shoulder/i.test(m2.measurement)
   );
   const inseamFallback = lengthFromDetails ? (lengthFromDetails.chartRange || "").replace(/\s*(cm|in|inches)\s*/i, "").trim() : "";
-  const backendLength = secAny?.length || recLength || inseamFallback;
+  const recLengthFromSuffix = (() => {
+    const r2 = String(recSize || "");
+    const slash = r2.indexOf("/");
+    return slash > 0 ? r2.slice(slash + 1).trim() : "";
+  })();
+  const backendLength = secAny?.length || recLength || recLengthFromSuffix || inseamFallback;
   const backendAvailableSizes = secAny?.availableSizes || [];
   const backendAvailableLengths = secAny?.availableLengths || [];
   const finalDisplayLength = selectedLength || backendLength;
   const allSizesKeys = allSizes ? Object.keys(allSizes) : [];
-  const finalAllSizes = allSizesKeys.length > 0 ? allSizesKeys : backendAvailableSizes.length > 0 ? backendAvailableSizes : chartSizes;
+  const stripLengthVariant = (s) => {
+    if (!s) return s;
+    const head = (s.split("/")[0] ?? s).trim();
+    const tokens = head.split(/\s+/);
+    return tokens[tokens.length - 1] || s;
+  };
+  const SIZE_LETTER_ORDER = {
+    XXS: 0,
+    XS: 1,
+    S: 2,
+    M: 3,
+    L: 4,
+    XL: 5,
+    XXL: 6,
+    "2XL": 6,
+    XXXL: 7,
+    "3XL": 7,
+    "4XL": 8,
+    "5XL": 9,
+    "6XL": 10
+  };
+  const compareSizes = (a, b) => {
+    const numA = parseFloat(a);
+    const numB = parseFloat(b);
+    if (!isNaN(numA) && !isNaN(numB)) {
+      if (numA !== numB) return numA - numB;
+      return a.localeCompare(b);
+    }
+    const oa2 = SIZE_LETTER_ORDER[a.toUpperCase()];
+    const ob2 = SIZE_LETTER_ORDER[b.toUpperCase()];
+    if (oa2 != null && ob2 != null) return oa2 - ob2;
+    if (oa2 != null) return -1;
+    if (ob2 != null) return 1;
+    return a.localeCompare(b);
+  };
+  const dedupedSizes = (() => {
+    const lengthLower = String(finalDisplayLength ?? "").toLowerCase().trim();
+    const out = /* @__PURE__ */ new Map();
+    for (const k2 of allSizesKeys) {
+      const bare = stripLengthVariant(k2);
+      if (!out.has(bare)) {
+        out.set(bare, k2);
+      } else if (lengthLower && k2.toLowerCase().includes(lengthLower)) {
+        out.set(bare, k2);
+      }
+    }
+    return Array.from(out.entries()).sort(([a], [b]) => compareSizes(a, b)).map(([, full]) => full);
+  })();
+  const finalAllSizes = dedupedSizes.length > 0 ? dedupedSizes : backendAvailableSizes.length > 0 ? backendAvailableSizes : chartSizes;
   const visibleSizes = (() => {
     if (finalAllSizes.length <= 3) return finalAllSizes;
-    const idx = finalAllSizes.indexOf(recSize);
+    const recBare = stripLengthVariant(recSize || "");
+    const idx = finalAllSizes.findIndex((k2) => stripLengthVariant(k2) === recBare);
     if (idx < 0) return finalAllSizes.slice(0, 3);
     const start = Math.max(0, Math.min(finalAllSizes.length - 3, idx - 1));
     return finalAllSizes.slice(start, start + 3);
   })();
-  const lengthOptions = backendAvailableLengths.length > 0 ? backendAvailableLengths : lengthSizes;
+  const derivedLengths = (() => {
+    const out = /* @__PURE__ */ new Set();
+    for (const k2 of allSizesKeys) {
+      const slash = k2.indexOf("/");
+      if (slash > 0) {
+        const tail = k2.slice(slash + 1).trim();
+        if (tail) out.add(tail);
+      }
+    }
+    return Array.from(out);
+  })();
+  const lengthOptions = backendAvailableLengths.length > 0 ? backendAvailableLengths : derivedLengths.length > 0 ? derivedLengths : lengthSizes;
   const visibleLengths = (() => {
     if (lengthOptions.length <= 3) return lengthOptions;
     const idx = lengthOptions.indexOf(backendLength);
@@ -20503,14 +20813,14 @@ function SectionDetailView({
       sectionFound !== false && visibleSizes.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msd-sizes", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-msd-sizes-label", children: t2("TRY ANOTHER SIZE") }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-msd-sizes-pills", children: visibleSizes.map((s) => {
-          const isActive = s === displaySize;
+          const isActive = stripLengthVariant(s) === stripLengthVariant(displaySize || "");
           return /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
               type: "button",
               className: `ps-msd-size-pill${isActive ? " ps-active" : ""}`,
-              onClick: () => setSelectedSize(s === recSize ? null : s),
-              children: s
+              onClick: () => setSelectedSize(stripLengthVariant(s) === stripLengthVariant(recSize || "") ? null : s),
+              children: formatPillLabel(s)
             },
             s
           );
@@ -20743,11 +21053,11 @@ function SectionDetailView({
           t2("Size")
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { display: "flex", gap: "0.3vw", flexWrap: "wrap" }, children: visibleSizes.map((s) => {
-          const isActive = s === displaySize;
+          const isActive = stripLengthVariant(s) === stripLengthVariant(displaySize || "");
           return /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
-              onClick: () => setSelectedSize(s === recSize ? null : s),
+              onClick: () => setSelectedSize(stripLengthVariant(s) === stripLengthVariant(recSize || "") ? null : s),
               style: {
                 padding: "0.35vw 0.7vw",
                 borderRadius: "0.35vw",
@@ -20762,7 +21072,7 @@ function SectionDetailView({
                 minWidth: "2vw",
                 textAlign: "center"
               },
-              children: s
+              children: formatPillLabel(s)
             },
             s
           );
@@ -22920,10 +23230,20 @@ function CreateProfileWizard({ onSave, onCancel, apiUrl, apiKey, onPhotoPreview,
     };
   }, [imageStep, photoBase64]);
   reactExports.useEffect(() => {
-    if (imageStep !== "calculating" || !estimating) return;
-    const id2 = setInterval(() => setScanStageIdx((i) => i + 1), 1500);
-    return () => clearInterval(id2);
-  }, [imageStep, estimating]);
+    if (imageStep !== "calculating") return;
+    setScanStageIdx(0);
+  }, [imageStep]);
+  reactExports.useEffect(() => {
+    if (imageStep !== "calculating") return;
+    const STAGE_DWELL_MS = 1800;
+    const TOTAL_STAGES = 5;
+    if (scanStageIdx >= TOTAL_STAGES - 1) return;
+    const id2 = setTimeout(
+      () => setScanStageIdx((i) => Math.min(TOTAL_STAGES - 1, i + 1)),
+      STAGE_DWELL_MS
+    );
+    return () => clearTimeout(id2);
+  }, [imageStep, scanStageIdx]);
   const photoInputRef = reactExports.useRef(null);
   const nameInputRef = reactExports.useRef(null);
   const [nameShaking, setNameShaking] = reactExports.useState(false);
@@ -23190,6 +23510,7 @@ function CreateProfileWizard({ onSave, onCancel, apiUrl, apiKey, onPhotoPreview,
         setError(t2("Please enter a valid weight"));
         return;
       }
+      const a = parseFloat(ageVal);
       if (isWomen && (!bandSize || !cupSize)) {
         setError(t2("Please select your bra band and cup size"));
         return;
@@ -23197,9 +23518,10 @@ function CreateProfileWizard({ onSave, onCancel, apiUrl, apiKey, onPhotoPreview,
       setError("");
       setImageStep("calculating");
       setEstimating(true);
+      const MIN_HOLD_MS = 6e3;
+      const minHold = new Promise((r2) => setTimeout(r2, MIN_HOLD_MS));
       if (onEstimate && photoBase64) {
         const heightRaw = unit === "in" ? (parseInt(heightFt, 10) || 0) * 12 + (parseInt(heightInch, 10) || 0) : parseFloat(heightVal);
-        const a = parseFloat(ageVal);
         try {
           const result = await onEstimate({
             photoBase64,
@@ -23216,7 +23538,9 @@ function CreateProfileWizard({ onSave, onCancel, apiUrl, apiKey, onPhotoPreview,
         } catch {
         }
       }
+      await minHold;
       setEstimating(false);
+      setImageStep("name-photo");
       return;
     }
     if (imageStep === "details") {
@@ -23460,7 +23784,8 @@ function CreateProfileWizard({ onSave, onCancel, apiUrl, apiKey, onPhotoPreview,
                     setCupSize(null);
                     setInlineBraOpen(null);
                     setError("");
-                  }
+                  },
+                  direction: "up"
                 }
               ) })
             ] }),
@@ -23478,7 +23803,8 @@ function CreateProfileWizard({ onSave, onCancel, apiUrl, apiKey, onPhotoPreview,
                     setBandSize(v2);
                     setInlineBraOpen(null);
                     setError("");
-                  }
+                  },
+                  direction: "up"
                 }
               ) })
             ] }),
@@ -23496,7 +23822,8 @@ function CreateProfileWizard({ onSave, onCancel, apiUrl, apiKey, onPhotoPreview,
                     setCupSize(v2);
                     setInlineBraOpen(null);
                     setError("");
-                  }
+                  },
+                  direction: "up"
                 }
               ) })
             ] })
@@ -24025,7 +24352,8 @@ function CreateProfileWizard({ onSave, onCancel, apiUrl, apiKey, onPhotoPreview,
                       setBandSize(null);
                       setCupSize(null);
                       setInlineBraOpen(null);
-                    }
+                    },
+                    direction: "up"
                   }
                 ) })
               ] }),
@@ -24042,7 +24370,8 @@ function CreateProfileWizard({ onSave, onCancel, apiUrl, apiKey, onPhotoPreview,
                     onSelect: (v2) => {
                       setBandSize(v2);
                       setInlineBraOpen(null);
-                    }
+                    },
+                    direction: "up"
                   }
                 ) })
               ] }),
@@ -24189,16 +24518,6 @@ function CreateProfileWizard({ onSave, onCancel, apiUrl, apiKey, onPhotoPreview,
               } }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-inline-unit", children: unit === "in" ? "lbs" : "kg" })
             ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-inline-row", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-inline-label", children: t2("AGE") }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-inline-input-group", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "number", inputMode: "numeric", className: "ps-bp-inline-input", value: ageVal, placeholder: t2("e.g. 30"), onChange: (e) => {
-                setAgeVal(e.target.value);
-                setError("");
-              } }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-inline-unit", children: t2("years") })
-            ] })
           ] })
         ] }),
         error && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-cpw-error", children: error })
@@ -24206,12 +24525,12 @@ function CreateProfileWizard({ onSave, onCancel, apiUrl, apiKey, onPhotoPreview,
       mode === "image" && imageStep === "calculating" && (() => {
         const stages = [
           { title: t2("DETECTING POSE"), desc: t2("Identifying body landmarks from your photo.") },
-          { title: t2("SCANNING FRAME"), desc: t2("Mapping your proportions to calculate the perfect fit.") },
+          { title: t2("SCANNING FRAME"), desc: t2("Our AI is mapping your proportions to calculate the perfect fit.") },
           { title: t2("ANALYZING BODY"), desc: t2("Measuring shoulders, chest, waist and hips.") },
-          { title: t2("COMPUTING DEPTH"), desc: t2("Using your height and weight to compute true circumferences.") },
-          { title: t2("FINALIZING"), desc: t2("Almost done — preparing your body profile.") }
+          { title: t2("MATCHING SIZE"), desc: t2("Comparing your measurements to the size guide.") },
+          { title: t2("FINALIZING RESULT"), desc: t2("Almost done — preparing your recommendation.") }
         ];
-        const stage = stages[scanStageIdx % stages.length] ?? stages[0];
+        const stage = stages[Math.min(scanStageIdx, stages.length - 1)] ?? stages[0];
         const SKELETON_CONNECTIONS2 = [
           ["leftShoulder", "rightShoulder"],
           ["leftShoulder", "leftElbow"],
@@ -24342,11 +24661,13 @@ function CreateProfileWizard({ onSave, onCancel, apiUrl, apiKey, onPhotoPreview,
       mode === "image" && imageStep === "name-photo" && (() => {
         const heightOk = unit === "in" ? parseFloat(heightFt) > 0 || parseFloat(heightInch) > 0 : parseFloat(heightVal) > 0;
         const weightOk = parseFloat(weightVal) > 0;
+        const braOk = !isWomen || !!bandSize && !!cupSize;
         const nameOk = !!name.trim();
         const photoOk = !!photoBase64;
         const analyzing = photoUploading;
-        const label = analyzing ? t2("Analyzing photo…") : !photoOk ? t2("Upload a photo") : !nameOk ? t2("Add a name for this profile") : !heightOk ? t2("Enter your height") : !weightOk ? t2("Enter your weight") : t2("Calculate My Body Parts");
-        const disabled = analyzing || !photoOk || !nameOk || !heightOk || !weightOk;
+        const reviewMode = !!estimateResults;
+        const label = analyzing ? t2("Analyzing photo…") : !photoOk ? t2("Upload a photo") : !nameOk ? t2("Add a name for this profile") : !heightOk ? t2("Enter your height") : !weightOk ? t2("Enter your weight") : !braOk ? t2("Select bra band and cup") : reviewMode ? t2("Save Profile") : t2("Calculate My Body Parts");
+        const disabled = analyzing || !photoOk || !nameOk || !heightOk || !weightOk || !braOk;
         return /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
@@ -24358,6 +24679,15 @@ function CreateProfileWizard({ onSave, onCancel, apiUrl, apiKey, onPhotoPreview,
                 nameInputRef.current?.focus();
                 return;
               }
+              if (reviewMode) {
+                const payload = buildImagePayload();
+                if (estimateResults) {
+                  payload.measurements = estimateResults;
+                  payload.measurementsUnit = "cm";
+                }
+                onSave(payload);
+                return;
+              }
               advanceImage();
             },
             disabled,
@@ -25619,15 +25949,31 @@ function BodyProfileView({
   const [hipProfile, setHipProfile] = reactExports.useState(null);
   const [seatProfile, setSeatProfile] = reactExports.useState(null);
   const [hoverDesc, setHoverDesc] = reactExports.useState("");
-  const [bandSize, setBandSize] = reactExports.useState(null);
-  const [cupSize, setCupSize] = reactExports.useState(null);
+  const seedBand = activeProfile?.bandSize ?? null;
+  const seedCup = activeProfile?.cupSize ?? null;
+  const seedRegion = activeProfile?.braSizeRegion ?? activeProfile?.braRegion ?? null;
+  const [bandSize, setBandSize] = reactExports.useState(seedBand);
+  const [cupSize, setCupSize] = reactExports.useState(seedCup);
   const [braSizeRegion, setBraSizeRegion] = reactExports.useState(() => {
+    if (seedRegion) return seedRegion;
     if (["US", "UK", "AU"].includes(sizingCountry)) return sizingCountry === "AU" ? "UK" : sizingCountry;
     if (["FR", "ES"].includes(sizingCountry)) return "FR";
     if (["IT"].includes(sizingCountry)) return "IT";
     if (["JP", "CN", "KR"].includes(sizingCountry)) return "JP";
     return "EU";
   });
+  const seededBraProfileIdRef = reactExports.useRef(null);
+  reactExports.useEffect(() => {
+    const id2 = activeProfile?.id ?? null;
+    if (!id2 || seededBraProfileIdRef.current === id2) return;
+    seededBraProfileIdRef.current = id2;
+    const b = activeProfile?.bandSize;
+    const c = activeProfile?.cupSize;
+    const r2 = activeProfile?.braSizeRegion ?? activeProfile?.braRegion;
+    if (b) setBandSize(b);
+    if (c) setCupSize(c);
+    if (r2) setBraSizeRegion(r2);
+  }, [activeProfile]);
   const [braRegionOpen, setBraRegionOpen] = reactExports.useState(false);
   const [inlineBraOpen, setInlineBraOpen] = reactExports.useState(null);
   const inlineBraWrapRef = reactExports.useRef(null);
@@ -26522,12 +26868,7 @@ function BodyProfileView({
             /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: `ps-bp-system-btn${isImperialMode ? " ps-bp-system-active" : ""}`, onClick: photoSwitchToImperial, type: "button", children: t2("Imperial") })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { marginTop: "auto", marginBottom: "auto" }, children: [
-            photoFromProfile && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { display: "flex", justifyContent: "center", marginBottom: "0.7vw" }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-loaded-pill", role: "status", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-loaded-pill-dot", "aria-hidden": "true", children: "✓" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-loaded-pill-text", children: t2("Loaded from profile") }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "ps-bp-loaded-pill-clear", onClick: handleClearFromProfile, children: t2("Clear") })
-            ] }) }),
-            hasActiveProfileWithMeasurements && activeProfileName && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "ps-bp-profile-hint", style: { textAlign: "center", margin: "0 0 0.5vw" }, children: [
+            activeProfileName && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "ps-bp-profile-hint", style: { textAlign: "center", margin: "0 0 0.5vw" }, children: [
               t2("Using"),
               " ",
               /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: activeProfileName }),
@@ -26825,7 +27166,7 @@ function BodyProfileView({
               onNext: hasActiveProfileWithMeasurements && onUseActiveProfile ? onUseActiveProfile : handleNext,
               canProceed: true,
               fastPathLabel: hasActiveProfileWithMeasurements ? t2("Find My Best Fit") + (getUnitLabel(hUnit) ? ` (${getUnitLabel(hUnit)})` : "") : void 0,
-              activeProfileName: hasActiveProfileWithMeasurements ? activeProfileName : null,
+              activeProfileName: activeProfileName ?? null,
               onStartFresh,
               error,
               t: t2
@@ -26835,13 +27176,13 @@ function BodyProfileView({
         }
         return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-step ps-bp-step-enter", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "ps-bp-title", children: t2("Body Measurements") }),
-          hasActiveProfileWithMeasurements && activeProfileName && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "ps-bp-profile-hint", children: [
+          activeProfileName && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "ps-bp-profile-hint", style: { textAlign: "center", margin: "0 0 0.5vw" }, children: [
             t2("Using"),
             " ",
             /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: activeProfileName }),
             onStartFresh && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
               " · ",
-              /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "ps-bp-profile-hint-link", onClick: onStartFresh, children: t2("start fresh") })
+              /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "ps-bp-profile-hint-link", onClick: handleClearFromProfile, children: t2("start fresh") })
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-system-toggle", children: [
@@ -28172,6 +28513,10 @@ function PrimeStyleTryonInner({
   const [estimationLoading, setEstimationLoading] = reactExports.useState(false);
   const [profiles, setProfiles] = reactExports.useState(() => lsGet("profiles", []));
   const [history, setHistory] = reactExports.useState(() => lsGet("history", []));
+  const [mobileMenuOpen, setMobileMenuOpen] = reactExports.useState(false);
+  const mobileMenuBtnRef = reactExports.useRef(null);
+  const [restoredProductImage, setRestoredProductImage] = reactExports.useState(null);
+  const [restoredProductTitle, setRestoredProductTitle] = reactExports.useState(null);
   const [activeProfileId, setActiveProfileIdState] = reactExports.useState(() => getActiveProfileId());
   const [estimatingProfileIds, setEstimatingProfileIds] = reactExports.useState(() => /* @__PURE__ */ new Set());
   const [deleteConfirmId, setDeleteConfirmId] = reactExports.useState(null);
@@ -28313,18 +28658,25 @@ function PrimeStyleTryonInner({
       if (previewUrl) URL.revokeObjectURL(previewUrl);
     };
   }, [previewUrl]);
+  const lockedScrollRef = reactExports.useRef(null);
   reactExports.useEffect(() => {
-    if (view !== "idle") {
-      const scrollY = window.scrollY;
-      const prevOverflow = document.body.style.overflow;
-      const prevOverscroll = document.body.style.overscrollBehavior;
+    const isOpen = view !== "idle";
+    if (isOpen && lockedScrollRef.current == null) {
+      lockedScrollRef.current = {
+        scrollY: window.scrollY,
+        prevOverflow: document.body.style.overflow,
+        prevOverscroll: document.body.style.overscrollBehavior
+      };
       document.body.style.overflow = "hidden";
       document.body.style.overscrollBehavior = "none";
-      return () => {
-        document.body.style.overflow = prevOverflow;
-        document.body.style.overscrollBehavior = prevOverscroll;
-        window.scrollTo(0, scrollY);
-      };
+      return;
+    }
+    if (!isOpen && lockedScrollRef.current != null) {
+      const { scrollY, prevOverflow, prevOverscroll } = lockedScrollRef.current;
+      lockedScrollRef.current = null;
+      document.body.style.overflow = prevOverflow;
+      document.body.style.overscrollBehavior = prevOverscroll;
+      window.scrollTo(0, scrollY);
     }
   }, [view]);
   reactExports.useEffect(() => {
@@ -28524,16 +28876,15 @@ function PrimeStyleTryonInner({
     onOpen?.();
   }, [onOpen]);
   const handleClose = reactExports.useCallback(() => {
+    const tryOnInFlight = tryOnProcessing;
     setView("idle");
     setSelectedFile(null);
     setDrawer(null);
     setProfileDetail(null);
     if (previewUrl) URL.revokeObjectURL(previewUrl);
     setPreviewUrl(null);
-    setResultImageUrl(null);
     setErrorMessage(null);
     setSizingMethod(null);
-    setSizingResult(null);
     setSizingLoading(false);
     setEstimatedValues(null);
     setEstimationLoading(false);
@@ -28541,15 +28892,19 @@ function PrimeStyleTryonInner({
     setProfileSaved(false);
     formRef.current = {};
     setFormGender("male");
-    historySavedRef.current = false;
-    unsubRef.current?.();
-    unsubRef.current = null;
-    if (pollingRef.current) {
-      clearInterval(pollingRef.current);
-      pollingRef.current = null;
+    if (!tryOnInFlight) {
+      setResultImageUrl(null);
+      setSizingResult(null);
+      historySavedRef.current = false;
+      unsubRef.current?.();
+      unsubRef.current = null;
+      if (pollingRef.current) {
+        clearInterval(pollingRef.current);
+        pollingRef.current = null;
+      }
     }
     onClose?.();
-  }, [onClose, previewUrl]);
+  }, [onClose, previewUrl, tryOnProcessing]);
   const handleBack = reactExports.useCallback(() => {
     if (drawer) {
       setDrawer(null);
@@ -28937,6 +29292,8 @@ function PrimeStyleTryonInner({
     if (hipProfile) formRef.current.hipProfile = hipProfile;
     setSizingResult(null);
     setResultImageUrl(null);
+    setRestoredProductImage(null);
+    setRestoredProductTitle(null);
     if (previewUrl) URL.revokeObjectURL(previewUrl);
     setSelectedFile(null);
     selectedFileRef.current = null;
@@ -28969,6 +29326,14 @@ function PrimeStyleTryonInner({
     selectedFileRef.current = data.photoFile;
     const objUrl = data.photoFile ? URL.createObjectURL(data.photoFile) : data.photoBase64.startsWith("data:") ? data.photoBase64 : `data:image/jpeg;base64,${data.photoBase64}`;
     setPreviewUrl(objUrl);
+    formRef.current.height = String(data.height);
+    formRef.current.weight = String(data.weight);
+    formRef.current.heightUnit = data.heightUnit;
+    formRef.current.weightUnit = data.weightUnit;
+    formRef.current.gender = data.gender;
+    if (data.age != null) formRef.current.age = String(data.age);
+    setRestoredProductImage(null);
+    setRestoredProductTitle(null);
     completedRef.current = false;
     modelImageIdRef.current = null;
     noFitFoundRef.current = false;
@@ -29349,11 +29714,12 @@ function PrimeStyleTryonInner({
     if (noFitFoundRef.current) return;
     if (autoTryOnFiredRef.current) return;
     if (tryOnProcessing || resultImageUrl) return;
+    if (!sizingResult) return;
     const file = selectedFile || selectedFileRef.current;
     if (!file) return;
     autoTryOnFiredRef.current = true;
     handleTryOnSubmit();
-  }, [view, selectedFile, tryOnProcessing, resultImageUrl, handleTryOnSubmit]);
+  }, [view, selectedFile, sizingResult, tryOnProcessing, resultImageUrl, handleTryOnSubmit]);
   const handleDownload = reactExports.useCallback(() => {
     if (!resultImageUrl) return;
     if (resultImageUrl.startsWith("data:")) {
@@ -29493,9 +29859,7 @@ function PrimeStyleTryonInner({
     const file = selectedFile || selectedFileRef.current;
     if (file) {
       try {
-        const dataUrl = await compressImage(file, { maxDimension: 768, quality: 0.7 });
-        const blob = await (await fetch(dataUrl)).blob();
-        hasPhoto = await savePhoto(id2, blob);
+        hasPhoto = await savePhoto(id2, file);
       } catch {
       }
     }
@@ -29550,7 +29914,7 @@ function PrimeStyleTryonInner({
       historyTryonSavedRef.current = false;
       saveHistoryEntry().catch(() => {
       });
-    } else if (view === "size-result" && sizingResult && resultImageUrl && !historyTryonSavedRef.current) {
+    } else if ((view === "size-result" || view === "idle") && sizingResult && resultImageUrl && !historyTryonSavedRef.current) {
       historyTryonSavedRef.current = true;
       const overrides = pendingCustomSizesRef.current;
       const recommended = sizingResult?.recommendedSize ?? "";
@@ -29583,6 +29947,14 @@ function PrimeStyleTryonInner({
             await saveResult(id2, blob);
           } catch {
           }
+          if (view === "idle") {
+            unsubRef.current?.();
+            unsubRef.current = null;
+            if (pollingRef.current) {
+              clearInterval(pollingRef.current);
+              pollingRef.current = null;
+            }
+          }
         })();
       }
     } else if (view === "result" && resultImageUrl && !historySavedRef.current) {
@@ -29598,6 +29970,8 @@ function PrimeStyleTryonInner({
     historySavedRef.current = true;
     historyTryonSavedRef.current = !!entry.resultImageUrl;
     autoTryOnFiredRef.current = true;
+    setRestoredProductImage(entry.productImage || null);
+    setRestoredProductTitle(entry.productTitle || null);
     if (entry.sizingResult) {
       setSizingResult(entry.sizingResult);
     } else if (entry.recommendedSize) {
@@ -29645,7 +30019,12 @@ function PrimeStyleTryonInner({
     setSizingLoading(false);
     setTryOnProcessing(false);
     setTryOnStartedAt(null);
-    setActiveSection(null);
+    const sectionNames = entry.sizeGuide?.sections ? Object.keys(entry.sizeGuide.sections) : [];
+    if (sectionNames.length === 1) {
+      setActiveSection(sectionNames[0]);
+    } else {
+      setActiveSection(null);
+    }
     setDrawer(null);
     setView("size-result");
   }, []);
@@ -29821,9 +30200,9 @@ function PrimeStyleTryonInner({
             sizingResult,
             sizeGuide,
             resultImageUrl,
-            productImage,
-            productImages,
-            productTitle,
+            productImage: restoredProductImage || productImage,
+            productImages: restoredProductImage ? [restoredProductImage] : productImages,
+            productTitle: restoredProductTitle || productTitle,
             productMaterial,
             productDescription,
             sizingUnit,
@@ -30102,8 +30481,21 @@ function PrimeStyleTryonInner({
     view !== "idle" && typeof document !== "undefined" && reactDomExports.createPortal(
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cx("ps-tryon-overlay", cn.overlay), style: cssVars, "data-ps-tryon-portal": true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cx(`ps-tryon-modal${view === "result" && resultImageUrl && sizingResult || view === "size-result" || view === "estimation-review" || view === "body-profile" || view === "profiles" || view === "no-chart" || view === "photo-guide" ? " ps-tryon-modal-wide" : ""}`, cn.modal), onClick: (e) => e.stopPropagation(), children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cx("ps-tryon-header ps-tryon-header-minimal", cn.header), children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "a",
+            {
+              className: "ps-tryon-powered-by",
+              href: "https://primestyleai.com",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: [
+                "Powered by ",
+                /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "PrimeStyleAI" })
+              ]
+            }
+          ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(LangSwitcher, { activeLocale, onSelect: setActiveLocale }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ps-tryon-header-icon", title: t2("Profiles"), onClick: () => {
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: "ps-tryon-header-icon ps-tryon-header-icon-labeled", title: t2("Profiles"), onClick: () => {
             if (drawer) setDrawer(null);
             if (view === "profiles") {
               setView(prevViewRef.current || "body-profile");
@@ -30112,8 +30504,11 @@ function PrimeStyleTryonInner({
               prevViewRef.current = view;
               setView("profiles");
             }
-          }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(UserIcon, {}) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ps-tryon-header-icon", title: t2("History"), onClick: () => {
+          }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(UserIcon, {}),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-header-icon-label", children: t2("Profile") })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: "ps-tryon-header-icon ps-tryon-header-icon-labeled", title: t2("History"), onClick: () => {
             if (view === "profiles") {
               setView(prevViewRef.current || "body-profile");
               prevViewRef.current = null;
@@ -30124,9 +30519,109 @@ function PrimeStyleTryonInner({
               prevViewRef.current = prevViewRef.current || view;
               setDrawer("history");
             }
-          }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ClockIcon, {}) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: handleClose, className: cx("ps-tryon-close", cn.closeButton), children: /* @__PURE__ */ jsxRuntimeExports.jsx(XIcon, {}) })
+          }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ClockIcon, {}),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-header-icon-label", children: t2("History") })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              ref: mobileMenuBtnRef,
+              className: "ps-tryon-header-mobile-menu-btn",
+              "aria-label": t2("Menu"),
+              "aria-expanded": mobileMenuOpen,
+              onClick: () => setMobileMenuOpen((v2) => !v2),
+              children: /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "20", height: "20", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick: handleClose, className: cx("ps-tryon-close", cn.closeButton), children: /* @__PURE__ */ jsxRuntimeExports.jsx(XIcon, {}) })
         ] }),
+        mobileMenuOpen && typeof document !== "undefined" && reactDomExports.createPortal(
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "div",
+              {
+                className: "ps-tryon-header-mobile-backdrop",
+                onClick: () => setMobileMenuOpen(false)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "div",
+              {
+                className: "ps-tryon-header-mobile-menu",
+                role: "menu",
+                style: (() => {
+                  const r2 = mobileMenuBtnRef.current?.getBoundingClientRect();
+                  if (!r2) return void 0;
+                  return {
+                    top: `${Math.round(r2.bottom + 6)}px`,
+                    right: `${Math.round(window.innerWidth - r2.right)}px`
+                  };
+                })(),
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      className: "ps-tryon-header-mobile-menu-item",
+                      role: "menuitem",
+                      onClick: () => {
+                        setMobileMenuOpen(false);
+                        if (drawer) setDrawer(null);
+                        if (view === "profiles") {
+                          setView(prevViewRef.current || "body-profile");
+                          prevViewRef.current = null;
+                        } else {
+                          prevViewRef.current = view;
+                          setView("profiles");
+                        }
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(UserIcon, {}),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: t2("Profile") })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      className: "ps-tryon-header-mobile-menu-item",
+                      role: "menuitem",
+                      onClick: () => {
+                        setMobileMenuOpen(false);
+                        if (view === "profiles") {
+                          setView(prevViewRef.current || "body-profile");
+                          prevViewRef.current = null;
+                        }
+                        if (drawer === "history") {
+                          setDrawer(null);
+                        } else {
+                          prevViewRef.current = prevViewRef.current || view;
+                          setDrawer("history");
+                        }
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(ClockIcon, {}),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: t2("History") })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-header-mobile-menu-lang", children: /* @__PURE__ */ jsxRuntimeExports.jsx(LangSwitcher, { activeLocale, onSelect: (l2) => {
+                    setActiveLocale(l2);
+                    setMobileMenuOpen(false);
+                  } }) })
+                ]
+              }
+            )
+          ] }),
+          document.body
+        ),
         view !== "body-profile" && view !== "processing" && !(view === "size-result" && sizeGuide?.sections && Object.keys(sizeGuide.sections).length > 1) && /* @__PURE__ */ jsxRuntimeExports.jsx(Stepper, { view, stepIndex }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: bodyRef, className: cx("ps-tryon-body", cn.body), style: { position: "relative", overflow: drawer ? "hidden" : void 0 }, children: [
           showBackButton && /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "ps-tryon-back-btn", onClick: handleBack, children: [