@primestyleai/tryon 5.10.188 → 5.10.189

package/dist/storefront/primestyle-tryon.js

@@ -275,7 +275,7 @@ var scheduler_production_min = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-(function(exports$1) {
+(function(exports) {
   function f2(a, b) {
     var c = a.length;
     a.push(b);
@@ -308,12 +308,12 @@ var scheduler_production_min = {};
   }
   if ("object" === typeof performance && "function" === typeof performance.now) {
     var l2 = performance;
-    exports$1.unstable_now = function() {
+    exports.unstable_now = function() {
       return l2.now();
     };
   } else {
     var p2 = Date, q2 = p2.now();
-    exports$1.unstable_now = function() {
+    exports.unstable_now = function() {
       return p2.now() - q2;
     };
   }
@@ -349,7 +349,7 @@ var scheduler_production_min = {};
           v2.callback = null;
           y2 = v2.priorityLevel;
           var e = d(v2.expirationTime <= b);
-          b = exports$1.unstable_now();
+          b = exports.unstable_now();
           "function" === typeof e ? v2.callback = e : v2 === h(r2) && k2(r2);
           G2(b);
         } else k2(r2);
@@ -368,11 +368,11 @@ var scheduler_production_min = {};
   }
   var N2 = false, O2 = null, L2 = -1, P2 = 5, Q2 = -1;
   function M2() {
-    return exports$1.unstable_now() - Q2 < P2 ? false : true;
+    return exports.unstable_now() - Q2 < P2 ? false : true;
   }
   function R2() {
     if (null !== O2) {
-      var a = exports$1.unstable_now();
+      var a = exports.unstable_now();
       Q2 = a;
       var b = true;
       try {
@@ -401,31 +401,31 @@ var scheduler_production_min = {};
   }
   function K2(a, b) {
     L2 = D2(function() {
-      a(exports$1.unstable_now());
+      a(exports.unstable_now());
     }, b);
   }
-  exports$1.unstable_IdlePriority = 5;
-  exports$1.unstable_ImmediatePriority = 1;
-  exports$1.unstable_LowPriority = 4;
-  exports$1.unstable_NormalPriority = 3;
-  exports$1.unstable_Profiling = null;
-  exports$1.unstable_UserBlockingPriority = 2;
-  exports$1.unstable_cancelCallback = function(a) {
+  exports.unstable_IdlePriority = 5;
+  exports.unstable_ImmediatePriority = 1;
+  exports.unstable_LowPriority = 4;
+  exports.unstable_NormalPriority = 3;
+  exports.unstable_Profiling = null;
+  exports.unstable_UserBlockingPriority = 2;
+  exports.unstable_cancelCallback = function(a) {
     a.callback = null;
   };
-  exports$1.unstable_continueExecution = function() {
+  exports.unstable_continueExecution = function() {
     A2 || z2 || (A2 = true, I2(J2));
   };
-  exports$1.unstable_forceFrameRate = function(a) {
+  exports.unstable_forceFrameRate = function(a) {
     0 > a || 125 < a ? console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported") : P2 = 0 < a ? Math.floor(1e3 / a) : 5;
   };
-  exports$1.unstable_getCurrentPriorityLevel = function() {
+  exports.unstable_getCurrentPriorityLevel = function() {
     return y2;
   };
-  exports$1.unstable_getFirstCallbackNode = function() {
+  exports.unstable_getFirstCallbackNode = function() {
     return h(r2);
   };
-  exports$1.unstable_next = function(a) {
+  exports.unstable_next = function(a) {
     switch (y2) {
       case 1:
       case 2:
@@ -443,11 +443,11 @@ var scheduler_production_min = {};
       y2 = c;
     }
   };
-  exports$1.unstable_pauseExecution = function() {
+  exports.unstable_pauseExecution = function() {
   };
-  exports$1.unstable_requestPaint = function() {
+  exports.unstable_requestPaint = function() {
   };
-  exports$1.unstable_runWithPriority = function(a, b) {
+  exports.unstable_runWithPriority = function(a, b) {
     switch (a) {
       case 1:
       case 2:
@@ -466,8 +466,8 @@ var scheduler_production_min = {};
       y2 = c;
     }
   };
-  exports$1.unstable_scheduleCallback = function(a, b, c) {
-    var d = exports$1.unstable_now();
+  exports.unstable_scheduleCallback = function(a, b, c) {
+    var d = exports.unstable_now();
     "object" === typeof c && null !== c ? (c = c.delay, c = "number" === typeof c && 0 < c ? d + c : d) : c = d;
     switch (a) {
       case 1:
@@ -490,8 +490,8 @@ var scheduler_production_min = {};
     c > d ? (a.sortIndex = c, f2(t2, a), null === h(r2) && a === h(t2) && (B2 ? (E2(L2), L2 = -1) : B2 = true, K2(H2, c - d))) : (a.sortIndex = e, f2(r2, a), A2 || z2 || (A2 = true, I2(J2)));
     return a;
   };
-  exports$1.unstable_shouldYield = M2;
-  exports$1.unstable_wrapCallback = function(a) {
+  exports.unstable_shouldYield = M2;
+  exports.unstable_wrapCallback = function(a) {
     var b = y2;
     return function() {
       var c = y2;
@@ -7119,8 +7119,6 @@ const es = {
   "Loose": "Holgado",
   "Short": "Corto",
   "Long": "Largo",
-  "Perfect": "Perfecto",
-  "Perfect fit": "Ajuste perfecto",
   "✓ Fit": "✓ Ajuste",
   "too short": "demasiado corto",
   "too long": "demasiado largo",
@@ -7377,8 +7375,6 @@ const fr = {
   "Loose": "Lâche",
   "Short": "Court",
   "Long": "Long",
-  "Perfect": "Parfait",
-  "Perfect fit": "Ajustement parfait",
   "✓ Fit": "✓ Ajusté",
   "too short": "trop court",
   "too long": "trop long",
@@ -7635,8 +7631,6 @@ const de = {
   "Loose": "Locker",
   "Short": "Kurz",
   "Long": "Lang",
-  "Perfect": "Perfekt",
-  "Perfect fit": "Perfekte Passform",
   "✓ Fit": "✓ Passt",
   "too short": "zu kurz",
   "too long": "zu lang",
@@ -7893,8 +7887,6 @@ const it = {
   "Loose": "Largo",
   "Short": "Corto",
   "Long": "Lungo",
-  "Perfect": "Perfetto",
-  "Perfect fit": "Vestibilità perfetta",
   "✓ Fit": "✓ Adatto",
   "too short": "troppo corto",
   "too long": "troppo lungo",
@@ -8151,8 +8143,6 @@ const pt$1 = {
   "Loose": "Folgado",
   "Short": "Curto",
   "Long": "Longo",
-  "Perfect": "Perfeito",
-  "Perfect fit": "Caimento perfeito",
   "✓ Fit": "✓ Caimento",
   "too short": "muito curto",
   "too long": "muito longo",
@@ -8409,8 +8399,6 @@ const ja = {
   "Loose": "ゆるい",
   "Short": "短い",
   "Long": "長い",
-  "Perfect": "ぴったり",
-  "Perfect fit": "ぴったりフィット",
   "✓ Fit": "✓ フィット",
   "too short": "短すぎる",
   "too long": "長すぎる",
@@ -8667,8 +8655,6 @@ const zh = {
   "Loose": "松",
   "Short": "短",
   "Long": "长",
-  "Perfect": "完美",
-  "Perfect fit": "完美合身",
   "✓ Fit": "✓ 合身",
   "too short": "太短",
   "too long": "太长",
@@ -8925,8 +8911,6 @@ const ko = {
   "Loose": "헐렁한",
   "Short": "짧은",
   "Long": "긴",
-  "Perfect": "완벽",
-  "Perfect fit": "완벽한 핏",
   "✓ Fit": "✓ 적합",
   "too short": "너무 짧음",
   "too long": "너무 김",
@@ -9183,8 +9167,6 @@ const ar = {
   "Loose": "فضفاض",
   "Short": "قصير",
   "Long": "طويل",
-  "Perfect": "مثالي",
-  "Perfect fit": "مقاس مثالي",
   "✓ Fit": "✓ مناسب",
   "too short": "قصير جداً",
   "too long": "طويل جداً",
@@ -9481,11 +9463,13 @@ class ApiClient {
     if (context?.productTags?.length) body.productTags = context.productTags;
     if (context?.productDescription) body.productDescription = context.productDescription;
     if (context?.productMaterial) body.productMaterial = context.productMaterial;
+    if (context?.garmentDetailImage && context.garmentDetailImage !== garmentImage) body.garmentDetailImage = context.garmentDetailImage;
     if (context?.silhouetteContext) body.silhouetteContext = context.silhouetteContext;
     if (context?.editFromPrevious) body.editFromPrevious = true;
     console.log("[ps-sdk:api] POST /api/v1/tryon payload", {
       modelImageBytes: modelImage.length,
       garmentImageBytes: garmentImage.length,
+      garmentDetailImageSet: !!body.garmentDetailImage,
       category: category || "apparel",
       fitInfo: fitInfo?.map((f2) => ({
         area: f2.area,
@@ -10960,6 +10944,13 @@ const SESSION_KEY = "primestyle_profile_session";
 const AUTH_MESSAGE_TYPE = "PRIMESTYLE_SDK_AUTH";
 const POPUP_TIMEOUT_MS = 12e4;
 const POLL_INTERVAL_MS = 900;
+function emitProfileAuthChange(reason) {
+  if (typeof window === "undefined") return;
+  try {
+    window.dispatchEvent(new CustomEvent(PS_STORAGE_CHANGE_EVENT, { detail: { reason } }));
+  } catch {
+  }
+}
 function isTrustedAuthOrigin(eventOrigin, expectedOrigin) {
   if (eventOrigin === expectedOrigin) return true;
   try {
@@ -11012,6 +11003,7 @@ function setStoredProfileSession(session) {
   if (!storage) return;
   try {
     storage.setItem(SESSION_KEY, JSON.stringify(session));
+    emitProfileAuthChange("profile-auth-set");
   } catch {
   }
 }
@@ -11020,6 +11012,7 @@ function clearStoredProfileSession() {
   if (!storage) return;
   try {
     storage.removeItem(SESSION_KEY);
+    emitProfileAuthChange("profile-auth-clear");
   } catch {
   }
 }
@@ -12312,8 +12305,9 @@ const STYLES = `
     align-self: stretch;
     height: 100%;
     justify-content: flex-start;
-    gap: 0.55vw;
-    padding-bottom: clamp(8px, 0.72vw, 14px);
+    gap: clamp(8px, 0.48vw, 12px);
+    padding-bottom: clamp(4px, 0.35vw, 8px);
+    overflow: hidden;
   }
   .ps-tryon-v2-result-panel .ps-tryon-v2-sep {
     margin-bottom: 0;
@@ -12323,16 +12317,17 @@ const STYLES = `
     min-height: 0;
   }
   .ps-tryon-v2-result-panel .ps-tryon-photo-strip {
-    flex: 0 0 auto;
+    flex: 1 1 auto;
     min-height: 0;
-    margin-top: clamp(10px, 0.75vw, 14px);
-    margin-bottom: clamp(8px, 0.7vw, 12px);
+    margin-top: clamp(18px, 1.25vw, 26px);
+    margin-bottom: clamp(4px, 0.35vw, 8px);
+    overflow: hidden;
   }
   .ps-tryon-v2-result-panel .ps-tryon-sr-card-v2 {
-    min-height: clamp(140px, 10.5vw, 165px);
+    min-height: clamp(118px, 8.6vw, 142px);
   }
   .ps-tryon-v2-result-panel .ps-tryon-sr-card-v2.ps-full {
-    min-height: clamp(140px, 10.5vw, 165px);
+    min-height: clamp(118px, 8.6vw, 142px);
   }
   .ps-tryon-v2-result-panel .ps-tryon-photo-strip-cell {
     aspect-ratio: 1 / 1;
@@ -12343,10 +12338,33 @@ const STYLES = `
     align-items: center;
     justify-content: space-between;
     margin-top: auto;
-    padding-top: clamp(8px, 0.65vw, 12px);
-    padding-bottom: 0;
+    padding-top: clamp(6px, 0.45vw, 10px);
+    padding-bottom: clamp(2px, 0.25vw, 6px);
     gap: 0.5vw;
     flex-shrink: 0;
+    width: 100%;
+    min-height: clamp(42px, 3.1vw, 52px);
+    box-sizing: border-box;
+    border-top: 1px solid rgba(15,23,42,0.06);
+  }
+  .ps-tryon-v2-result-actions > .ps-tryon-v2-action-group {
+    flex: 0 1 min(26vw, 390px);
+    min-width: 0;
+    max-width: min(100%, 390px);
+    margin-left: auto;
+  }
+  .ps-tryon-v2-result-actions .ps-tryon-v2-cta {
+    flex: 1 1 0;
+    min-width: 0;
+    min-height: clamp(38px, 2.55vw, 44px);
+    padding: 0 clamp(10px, 0.75vw, 14px);
+  }
+  .ps-tryon-v2-result-actions > .ps-tryon-v2-cta {
+    flex: 0 1 min(18vw, 240px);
+    margin-left: auto;
+  }
+  .ps-tryon-v2-result-actions > .ps-tryon-v2-action-group .ps-tryon-v2-cta {
+    flex: 1 1 0;
   }
   @keyframes ps-v2-fade {
     0% { opacity: 0; }
@@ -12490,12 +12508,12 @@ const STYLES = `
 
   /* CTA button */
   .ps-tryon-v2-cta {
-    margin-top: 0.8vw; padding: 0.65vw 1.5vw;
-    width: auto; min-width: 12vw; display: flex; align-items: center; justify-content: center; gap: 0.4vw;
+    margin-top: 0.8vw; padding: 0.55vw 1.05vw;
+    width: auto; min-width: 9.2vw; min-height: 2.35vw; display: flex; align-items: center; justify-content: center; gap: 0.35vw;
     background: var(--ps-accent); color: #fff;
-    border: none; border-radius: 0.35vw;
-    font-size: 0.72vw; font-weight: 700; font-family: inherit;
-    letter-spacing: 0.12em; text-transform: uppercase;
+    border: none; border-radius: 0.42vw;
+    font-size: clamp(10px, 0.64vw, 12px); font-weight: 750; font-family: inherit;
+    letter-spacing: 0.07em; text-transform: uppercase;
     cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     flex-shrink: 0;
   }
@@ -12506,6 +12524,98 @@ const STYLES = `
     transform: translateY(-1px);
   }
   .ps-tryon-v2-cta svg { width: 0.8vw; height: 0.8vw; stroke: currentColor; }
+  .ps-tryon-v2-action-group {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: clamp(8px, 0.55vw, 12px);
+    min-width: 0;
+  }
+  .ps-tryon-v2-action-group-history {
+    flex: 0 0 auto !important;
+    width: auto !important;
+    max-width: none !important;
+  }
+  .ps-tryon-v2-cta-compact,
+  .ps-tryon-v2-history-product-cta {
+    flex: 0 0 auto !important;
+    width: auto !important;
+    min-width: 0 !important;
+    min-height: clamp(34px, 2.25vw, 40px) !important;
+    padding: 0 clamp(10px, 0.75vw, 14px) !important;
+    letter-spacing: 0.03em;
+    text-transform: none;
+    font-weight: 750;
+  }
+  .ps-tryon-v2-history-product-cta {
+    justify-content: center;
+  }
+  .ps-tryon-v2-add-bag-cta svg,
+  .ps-tryon-v2-history-product-cta svg {
+    flex: 0 0 auto;
+    width: clamp(16px, 1vw, 18px);
+    height: clamp(16px, 1vw, 18px);
+    stroke-width: 2.1;
+  }
+  .ps-tryon-v2-add-bag-cta.is-added {
+    background: #16a34a;
+    color: #fff;
+  }
+  .ps-tryon-v2-add-bag-cta.is-added:disabled {
+    opacity: 1;
+    cursor: default;
+  }
+  .ps-tryon-v2-add-bag-cta.is-added svg {
+    animation: ps-added-check 0.42s cubic-bezier(0.16, 1, 0.3, 1);
+  }
+  @keyframes ps-added-check {
+    0% { transform: scale(0.45); opacity: 0; }
+    55% { transform: scale(1.18); opacity: 1; }
+    100% { transform: scale(1); opacity: 1; }
+  }
+  .ps-tryon-v2-cta-secondary {
+    background: #FFFFFF;
+    color: var(--ps-accent);
+    border: 1px solid rgba(33,84,239,0.38);
+    box-shadow: none;
+  }
+  .ps-tryon-v2-cta-secondary:hover {
+    background: rgba(33,84,239,0.06);
+    color: var(--ps-accent);
+    border-color: var(--ps-accent);
+    box-shadow: 0 0.25vw 1vw rgba(33,84,239,0.12);
+  }
+  @media (max-width: 768px) {
+    .ps-tryon-v2-action-group {
+      width: 100%;
+      gap: 8px;
+    }
+    .ps-tryon-v2-action-group-history {
+      width: auto !important;
+      margin-left: auto;
+    }
+    .ps-tryon-v2-action-group .ps-tryon-v2-cta,
+    .ps-msr-commerce-row > .ps-tryon-v2-cta {
+      flex: 1 1 0;
+      min-width: 0;
+      padding: 11px 12px;
+      border-radius: 10px;
+      font-size: 11px;
+      letter-spacing: 0.08em;
+      white-space: nowrap;
+    }
+    .ps-tryon-v2-action-group-history .ps-tryon-v2-cta {
+      flex: 0 0 auto !important;
+      width: auto !important;
+      padding: 10px 12px !important;
+      letter-spacing: 0.02em;
+    }
+    .ps-tryon-v2-add-bag-cta svg,
+    .ps-tryon-v2-history-product-cta svg {
+      width: 17px;
+      height: 17px;
+    }
+  }
 
   /* ── Size result card rows (split layout) ── */
   .ps-tryon-sr-cards-stack {
@@ -12588,39 +12698,132 @@ const STYLES = `
     flex: 1 1 45%; max-width: 49%;
     display: flex; flex-direction: column; align-items: center; justify-content: center;
     text-align: center;
-    background: rgba(0,0,0,0.02); border: 1px solid rgba(0,0,0,0.06);
-    border-radius: 0.6vw; padding: 1vw 0.5vw;
+    background: linear-gradient(180deg, #FFFFFF 0%, #FBFCFF 100%);
+    border: 1px solid rgba(15,23,42,0.08);
+    border-radius: clamp(12px, 0.72vw, 14px); padding: clamp(14px, 0.82vw, 18px);
     cursor: pointer; font-family: inherit;
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     animation: ps-card-in 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
     opacity: 0; overflow: hidden; position: relative;
     min-height: 7vw;
   }
-  .ps-tryon-sr-card-v2.ps-full { flex: 1 1 100%; max-width: 100%; min-height: 5vw; padding: 0.8vw; }
+  .ps-tryon-sr-card-v2::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+    pointer-events: none;
+    background: radial-gradient(circle at 50% 0%, rgba(33,84,239,0.08), transparent 38%);
+    opacity: 0.6;
+  }
+  .ps-tryon-sr-card-v2.ps-full { flex: 1 1 100%; max-width: 100%; min-height: 5vw; padding: clamp(14px, 0.82vw, 18px); }
+  .ps-tryon-sr-card-v2.ps-summary-card {
+    align-items: stretch;
+    justify-content: center;
+    text-align: left;
+    min-height: clamp(112px, 7.4vw, 132px);
+    padding: clamp(18px, 1.12vw, 24px) clamp(20px, 1.3vw, 28px);
+  }
   .ps-tryon-sr-card-v2:hover {
     border-color: var(--ps-accent);
-    background: rgba(33,84,239,0.06);
+    background: linear-gradient(180deg, #FFFFFF 0%, rgba(33,84,239,0.045) 100%);
     transform: translateY(-2px);
-    box-shadow: 0 0.4vw 1.5vw rgba(0,0,0,0.08);
+    box-shadow: 0 0.45vw 1.4vw rgba(15,23,42,0.08);
   }
   .ps-tryon-sr-card-v2-text {
-    display: flex; flex-direction: column; align-items: center; gap: 0.15vw; z-index: 1;
+    display: flex; flex-direction: column; align-items: center; gap: clamp(5px, 0.22vw, 7px); z-index: 1;
+  }
+  .ps-summary-card-layout {
+    width: 100%;
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
+    grid-template-areas: "copy action";
+    align-items: center;
+    column-gap: clamp(18px, 1.25vw, 28px);
+    row-gap: 0;
+  }
+  .ps-summary-card-copy {
+    grid-area: copy;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: center;
+    min-width: 0;
+    gap: clamp(8px, 0.48vw, 12px);
+  }
+  .ps-tryon-sr-card-v2-heading {
+    grid-area: heading;
+    display: flex;
+    align-items: center;
+    gap: clamp(8px, 0.55vw, 12px);
+    min-width: 0;
+  }
+  .ps-tryon-sr-card-v2-main {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    gap: clamp(9px, 0.6vw, 14px);
+    min-width: 0;
+  }
+  .ps-summary-card-layout .ps-tryon-sr-card-v2-open-pill {
+    grid-area: action;
+    margin-top: 0;
+    white-space: nowrap;
+  }
+  .ps-tryon-sr-card-v2-summary-title {
+    font-size: clamp(11px, 0.66vw, 12px);
+    font-weight: 760;
+    color: rgba(15,23,42,0.56);
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+    line-height: 1.2;
+    margin-bottom: clamp(2px, 0.08vw, 4px);
+  }
+  .ps-summary-card-layout .ps-tryon-sr-card-v2-summary-title {
+    margin-bottom: 0;
+    white-space: nowrap;
+    color: rgba(15,23,42,0.58);
+    font-size: clamp(11px, 0.66vw, 12px);
+    font-weight: 780;
+    letter-spacing: 0.12em;
+    text-transform: uppercase;
+  }
+  .ps-tryon-sr-card-v2-summary-subtitle {
+    font-size: clamp(10px, 0.56vw, 11px);
+    font-weight: 400;
+    color: rgba(0,0,0,0.32);
+    letter-spacing: 0.02em;
+    line-height: 1.25;
+    text-transform: none;
+    margin-bottom: 0.35vw;
   }
   .ps-tryon-sr-card-v2-label {
-    font-size: 0.65vw; font-weight: 600; color: var(--ps-text-secondary);
-    text-transform: uppercase; letter-spacing: 0.1em;
+    font-size: clamp(10px, 0.56vw, 11px); font-weight: 650; color: rgba(15,23,42,0.58);
+    text-transform: uppercase; letter-spacing: 0.08em;
     display: inline-flex; align-items: center; gap: 0.5vw;
   }
+  .ps-summary-card-layout .ps-tryon-sr-card-v2-label {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
   .ps-tryon-sr-card-v2-label-icon {
     width: 4.8vw; height: 4.8vw; object-fit: contain;
     opacity: 1;
   }
   .ps-tryon-sr-card-v2-value {
-    font-size: 2.2vw; font-weight: 200; color: var(--ps-text-primary);
+    font-size: clamp(30px, 2.18vw, 38px); font-weight: 260; color: var(--ps-text-primary);
     line-height: 1; letter-spacing: -0.02em;
     overflow-wrap: anywhere;
   }
-  .ps-tryon-sr-card-v2.ps-full .ps-tryon-sr-card-v2-value { font-size: 1.8vw; }
+  .ps-tryon-sr-card-v2.ps-full .ps-tryon-sr-card-v2-value { font-size: clamp(30px, 2vw, 36px); }
+  .ps-summary-card-layout .ps-tryon-sr-card-v2-value {
+    flex: 0 1 auto;
+    font-size: clamp(38px, 2.55vw, 48px);
+    min-width: 0;
+    text-align: left;
+  }
   /* Long combined labels ("MISSY 12 / Standard", "PLUS 16W / Extra Length")
      overflow the card at 2vw. Drop to ~1.3vw whenever the label is more
      than ~12 chars so the whole thing fits on one line. */
@@ -12639,13 +12842,19 @@ const STYLES = `
   }
   .ps-tryon-sr-card-v2-rec-pill {
     align-self: center;
-    font-size: 0.55vw; font-weight: 700; color: var(--ps-accent);
-    text-transform: uppercase; letter-spacing: 0.08em;
+    font-size: clamp(9px, 0.52vw, 10px); font-weight: 780; color: var(--ps-accent);
+    text-transform: uppercase; letter-spacing: 0.07em;
     background: rgba(33, 84, 239, 0.10);
     border: 1px solid rgba(33, 84, 239, 0.18);
     border-radius: 2vw;
-    padding: 0.18vw 0.6vw;
-    margin-top: 0.3vw;
+    padding: clamp(3px, 0.18vw, 4px) clamp(9px, 0.58vw, 12px);
+    margin-top: clamp(2px, 0.12vw, 4px);
+  }
+  .ps-summary-card-layout .ps-tryon-sr-card-v2-rec-pill {
+    align-self: center;
+    margin-top: 0;
+    white-space: nowrap;
+    background: #fff;
   }
   .ps-tryon-sr-card-v2-rec-pill.is-overridden {
     color: #b45309;
@@ -12654,10 +12863,10 @@ const STYLES = `
   }
   .ps-tryon-sr-card-v2-view {
     align-self: center;
-    margin-top: 0.4vw;
-    font-size: 0.62vw; font-weight: 600;
+    margin-top: clamp(2px, 0.18vw, 5px);
+    font-size: clamp(10px, 0.58vw, 11px); font-weight: 700;
     color: var(--ps-accent);
-    text-transform: uppercase; letter-spacing: 0.06em;
+    text-transform: none; letter-spacing: 0.02em;
     display: inline-flex; align-items: center; justify-content: center; gap: 0.2vw;
     transition: gap 0.2s ease;
   }
@@ -12668,6 +12877,60 @@ const STYLES = `
     font-size: 0.85vw; line-height: 1; color: var(--ps-accent);
     transform: translateY(-0.05vw);
   }
+  .ps-tryon-sr-card-v2-open-pill {
+    margin-top: clamp(4px, 0.26vw, 7px);
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: clamp(4px, 0.25vw, 6px);
+    min-height: clamp(26px, 1.65vw, 32px);
+    padding: 0 clamp(10px, 0.68vw, 14px);
+    border-radius: 999px;
+    background: #fff;
+    border: 1px solid rgba(33,84,239,0.22);
+    color: var(--ps-accent);
+    font-size: clamp(10px, 0.58vw, 11px);
+    font-weight: 760;
+    letter-spacing: 0.01em;
+    box-shadow: 0 0.18vw 0.8vw rgba(33,84,239,0.08);
+    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
+  }
+  .ps-tryon-sr-card-v2-open-pill > span[aria-hidden="true"] {
+    font-size: clamp(14px, 0.85vw, 16px);
+    line-height: 1;
+    transform: translateY(-0.03vw);
+  }
+  .ps-tryon-sr-card-v2:hover .ps-tryon-sr-card-v2-open-pill {
+    transform: translateY(-1px);
+    border-color: rgba(33,84,239,0.45);
+    box-shadow: 0 0.24vw 1vw rgba(33,84,239,0.13);
+  }
+  @media (max-width: 768px) {
+    .ps-tryon-sr-card-v2.ps-summary-card {
+      min-height: 104px;
+      padding: 16px;
+    }
+    .ps-summary-card-layout {
+      grid-template-columns: minmax(0, 1fr);
+      grid-template-areas:
+        "copy"
+        "action";
+      row-gap: 12px;
+      align-items: stretch;
+    }
+    .ps-summary-card-layout .ps-tryon-sr-card-v2-main {
+      width: 100%;
+      justify-content: space-between;
+      gap: 12px;
+    }
+    .ps-summary-card-layout .ps-tryon-sr-card-v2-value {
+      font-size: 34px;
+    }
+    .ps-summary-card-layout .ps-tryon-sr-card-v2-open-pill {
+      width: 100%;
+      min-height: 38px;
+    }
+  }
   .ps-tryon-sr-card-v2-img { display: none; }
   .ps-tryon-sr-card-v2-icon {
     position: absolute; bottom: 0.35vw; right: 0.45vw;
@@ -16656,6 +16919,87 @@ const STYLES = `
   }
   .ps-bp-image-remove:hover { background: rgba(0,0,0,0.8); }
 
+  .ps-bp-photo-help-chip {
+    position: absolute;
+    top: clamp(8px, 0.65vw, 12px);
+    left: clamp(8px, 0.65vw, 12px);
+    z-index: 3;
+    display: inline-flex;
+    align-items: center;
+    gap: clamp(5px, 0.35vw, 7px);
+    max-width: calc(100% - clamp(58px, 4.2vw, 78px));
+    padding: clamp(5px, 0.38vw, 7px) clamp(8px, 0.62vw, 12px);
+    border: 1px solid rgba(33, 84, 239, 0.22);
+    border-radius: 999px;
+    background: rgba(255, 255, 255, 0.92);
+    color: var(--ps-accent);
+    box-shadow: 0 8px 20px -16px rgba(17, 24, 39, 0.35);
+    backdrop-filter: blur(8px);
+    -webkit-backdrop-filter: blur(8px);
+    font-family: inherit;
+    font-size: clamp(10px, 0.6vw, 12px);
+    font-weight: 800;
+    letter-spacing: 0.04em;
+    line-height: 1;
+    white-space: nowrap;
+    cursor: pointer;
+    transition: background 0.15s, color 0.15s, border-color 0.15s;
+  }
+  .ps-bp-photo-help-chip.ps-active {
+    background: var(--ps-accent);
+    border-color: var(--ps-accent);
+    color: #FFFFFF;
+  }
+  .ps-bp-photo-help-chip-mark {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: clamp(14px, 0.9vw, 16px);
+    height: clamp(14px, 0.9vw, 16px);
+    flex: 0 0 auto;
+    border-radius: 999px;
+    background: var(--ps-accent);
+    color: #FFFFFF;
+    font-size: clamp(10px, 0.58vw, 11px);
+    font-weight: 900;
+  }
+  .ps-bp-photo-help-chip.ps-active .ps-bp-photo-help-chip-mark {
+    background: #FFFFFF;
+    color: var(--ps-accent);
+  }
+
+  .ps-bp-photo-details-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: clamp(10px, 0.8vw, 16px);
+    padding: 0 0 clamp(5px, 0.35vw, 8px);
+    border-bottom: 1px solid var(--ps-border-subtle);
+  }
+  .ps-bp-photo-details-head h3 {
+    margin: 0;
+    color: var(--ps-text-primary);
+    font-size: clamp(13px, 0.82vw, 16px);
+    font-weight: 800;
+    letter-spacing: 0.01em;
+    line-height: 1.1;
+  }
+  .ps-bp-photo-details-head-simple {
+    padding-bottom: clamp(8px, 0.55vw, 12px);
+  }
+  .ps-bp-photo-details-head-simple h3 {
+    font-size: clamp(14px, 0.9vw, 17px);
+  }
+  .ps-bp-system-toggle-compact {
+    margin: 0;
+    gap: clamp(12px, 0.85vw, 18px);
+    flex-shrink: 0;
+  }
+  .ps-bp-system-toggle-compact .ps-bp-system-btn {
+    font-size: clamp(11px, 0.66vw, 13px);
+    padding: 0 0 3px;
+  }
+
   .ps-bp-root {
     flex: 1; min-width: 0;
     display: flex; flex-direction: column; gap: 0.6vw; padding: 0.2vw 0.5vw 0.3vw 0;
@@ -16708,10 +17052,10 @@ const STYLES = `
     display: flex;
     align-items: center;
     justify-content: space-between;
-    gap: clamp(10px, 0.9vw, 18px);
-    width: min(100%, 520px);
-    margin: 0 auto clamp(10px, 0.9vw, 18px);
-    padding: clamp(10px, 0.85vw, 16px) clamp(12px, 1vw, 20px);
+    gap: clamp(8px, 0.65vw, 14px);
+    width: min(100%, 500px);
+    margin: 0 auto clamp(7px, 0.55vw, 12px);
+    padding: clamp(7px, 0.55vw, 11px) clamp(10px, 0.8vw, 16px);
     border: 1px solid rgba(33, 84, 239, 0.18);
     border-radius: clamp(8px, 0.7vw, 12px);
     background: linear-gradient(135deg, rgba(33, 84, 239, 0.08), rgba(255, 255, 255, 0.96));
@@ -16720,7 +17064,7 @@ const STYLES = `
   .ps-bp-profile-card-copy {
     display: flex;
     flex-direction: column;
-    gap: clamp(2px, 0.18vw, 4px);
+    gap: clamp(1px, 0.12vw, 3px);
     min-width: 0;
   }
   .ps-bp-profile-card-eyebrow {
@@ -16731,7 +17075,7 @@ const STYLES = `
     color: var(--ps-accent);
   }
   .ps-bp-profile-card-copy strong {
-    font-size: clamp(13px, 0.95vw, 17px);
+    font-size: clamp(12px, 0.85vw, 15px);
     line-height: 1.1;
     color: var(--ps-text-primary);
     overflow: hidden;
@@ -16739,8 +17083,8 @@ const STYLES = `
     white-space: nowrap;
   }
   .ps-bp-profile-card-copy span:last-child {
-    font-size: clamp(10px, 0.68vw, 12px);
-    line-height: 1.35;
+    font-size: clamp(9px, 0.58vw, 11px);
+    line-height: 1.25;
     color: var(--ps-text-secondary);
   }
   .ps-bp-profile-card-action {
@@ -16749,7 +17093,7 @@ const STYLES = `
     background: #FFFFFF;
     color: var(--ps-accent);
     border-radius: 999px;
-    padding: clamp(7px, 0.55vw, 10px) clamp(10px, 0.8vw, 16px);
+    padding: clamp(6px, 0.45vw, 8px) clamp(9px, 0.7vw, 14px);
     font-family: inherit;
     font-size: clamp(9px, 0.62vw, 11px);
     font-weight: 800;
@@ -16763,6 +17107,39 @@ const STYLES = `
     background: rgba(33, 84, 239, 0.06);
   }
   .ps-bp-profile-card-action:active { transform: scale(0.98); }
+  .ps-bp-profile-card-compact {
+    margin: 0 auto clamp(3px, 0.32vw, 6px);
+    padding: clamp(4px, 0.34vw, 6px) clamp(8px, 0.62vw, 12px);
+    border-radius: clamp(7px, 0.55vw, 10px);
+    box-shadow: none;
+  }
+  .ps-bp-profile-card-compact .ps-bp-profile-card-copy {
+    display: grid;
+    grid-template-columns: auto minmax(0, 1fr);
+    align-items: baseline;
+    gap: 2px clamp(6px, 0.45vw, 9px);
+  }
+  .ps-bp-profile-card-compact .ps-bp-profile-card-eyebrow {
+    grid-column: 1 / -1;
+    font-size: clamp(7px, 0.46vw, 9px);
+    letter-spacing: 0.16em;
+    line-height: 1;
+  }
+  .ps-bp-profile-card-compact .ps-bp-profile-card-copy strong {
+    font-size: clamp(11px, 0.72vw, 13px);
+    line-height: 1.05;
+  }
+  .ps-bp-profile-card-compact .ps-bp-profile-card-copy span:last-child {
+    font-size: clamp(8px, 0.5vw, 10px);
+    line-height: 1.1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .ps-bp-profile-card-compact .ps-bp-profile-card-action {
+    padding: clamp(4px, 0.3vw, 6px) clamp(7px, 0.55vw, 11px);
+    font-size: clamp(8px, 0.52vw, 10px);
+  }
 
   /* Typography */
   .ps-bp-title {
@@ -17978,6 +18355,16 @@ const STYLES = `
   .ps-msr-bottom-row {
     display: flex; gap: 8px; align-items: stretch; justify-content: flex-end;
   }
+  .ps-msr-bottom-row.ps-msr-commerce-row {
+    width: 100%;
+  }
+  .ps-msr-commerce-row .ps-tryon-v2-action-group {
+    width: 100%;
+  }
+  .ps-msr-commerce-row .ps-tryon-v2-cta {
+    flex: 1 1 0;
+    min-width: 0;
+  }
   .ps-msr-bottom-row .ps-msr-tryon-cta {
     flex: 0 0 auto; min-width: 94px; width: auto;
     padding: 11px 14px; font-size: 12px;
@@ -20408,6 +20795,14 @@ const STYLES = `
     opacity: 0.6;
     cursor: default;
   }
+  .ps-msd-result-action-group {
+    flex: 1 1 0;
+    justify-content: flex-end;
+  }
+  .ps-msd-result-action-group .ps-tryon-v2-cta {
+    flex: 1 1 0;
+    min-width: 0;
+  }
 
   /* RECOMMENDED SIZE card */
   .ps-msd-card {
@@ -20684,6 +21079,14 @@ const STYLES = `
     display: flex; flex-direction: column; gap: 0.6vw;
     z-index: 5;
   }
+  .ps-bp-photo-help-upload {
+    top: clamp(46px, 3.2vw, 58px);
+    left: clamp(12px, 0.85vw, 16px);
+    right: auto;
+    width: min(360px, calc(100% - clamp(24px, 1.7vw, 32px)));
+    max-height: calc(100% - clamp(64px, 4.5vw, 82px));
+    overflow-y: auto;
+  }
   .ps-bp-photo-help-handle { display: none; }
   .ps-bp-photo-help-header { display: flex; align-items: center; justify-content: space-between; }
   .ps-bp-photo-help-title { font-size: 0.8vw; font-weight: 700; color: var(--ps-text-primary); }
@@ -21435,6 +21838,21 @@ function UserIcon({ size = 16 }) {
     /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "12", cy: "7", r: "4" })
   ] });
 }
+function ShoppingBagIcon({ size = 16 }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M6 7h12l-1 14H7L6 7Z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M9 7a3 3 0 0 1 6 0" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M12 12v5" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M9.5 14.5h5" })
+  ] });
+}
+function ExternalLinkIcon({ size = 16 }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M14 3h7v7" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M10 14 21 3" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5" })
+  ] });
+}
 function ClockIcon({ size = 16 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "12", cy: "12", r: "10" }),
@@ -22461,6 +22879,7 @@ function MultiSectionMobile({
   tryOnDone,
   onTryAgain,
   onClose,
+  resultActionNode,
   overlayNode,
   showLines,
   onToggleLines,
@@ -22536,7 +22955,7 @@ function MultiSectionMobile({
       }) }),
       profileCompletionCta
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-msr-bottom", children: tryOnDone ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msr-bottom-row", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-msr-bottom", children: resultActionNode ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-msr-bottom-row ps-msr-commerce-row", children: resultActionNode }) : tryOnDone ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msr-bottom-row", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
         {
@@ -22640,7 +23059,7 @@ function ProfileCompletionCta({
         border: "1px solid rgba(33, 84, 239, 0.16)",
         background: "linear-gradient(135deg, #FFFFFF 0%, rgba(33,84,239,0.055) 100%)",
         borderRadius: isMobile ? 12 : "0.7vw",
-        padding: isMobile ? "13px 14px" : isHeader ? "0.7vw 0.9vw" : "0.58vw 0.75vw",
+        padding: isMobile ? "13px 14px" : isHeader ? "clamp(8px, 0.55vw, 10px) clamp(10px, 0.7vw, 14px)" : "0.5vw 0.7vw",
         marginTop: isMobile ? 12 : isHeader ? 0 : "0.48vw",
         cursor: "pointer",
         fontFamily: "inherit",
@@ -22649,18 +23068,18 @@ function ProfileCompletionCta({
         flexDirection: isMobile ? "column" : "row",
         alignItems: isMobile ? "stretch" : "center",
         justifyContent: "space-between",
-        gap: isMobile ? 10 : isHeader ? "0.85vw" : "0.8vw",
+        gap: isMobile ? 10 : isHeader ? "0.62vw" : "0.7vw",
         boxShadow: "0 12px 28px -22px rgba(33,84,239,0.52)"
       },
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { display: "flex", alignItems: "center", gap: isMobile ? 10 : isHeader ? "0.65vw" : "0.6vw", minWidth: 0, width: isMobile || isHeader ? "100%" : "auto" }, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { display: "flex", alignItems: "center", gap: isMobile ? 10 : isHeader ? "0.5vw" : "0.6vw", minWidth: 0, width: isMobile || isHeader ? "100%" : "auto" }, children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "span",
             {
               "aria-hidden": "true",
               style: {
-                width: isMobile ? 32 : isHeader ? "1.9vw" : "1.65vw",
-                height: isMobile ? 32 : isHeader ? "1.9vw" : "1.65vw",
+                width: isMobile ? 32 : isHeader ? "clamp(26px, 1.65vw, 30px)" : "1.55vw",
+                height: isMobile ? 32 : isHeader ? "clamp(26px, 1.65vw, 30px)" : "1.55vw",
                 borderRadius: "50%",
                 background: "var(--ps-accent)",
                 color: "#fff",
@@ -22669,12 +23088,12 @@ function ProfileCompletionCta({
                 justifyContent: "center",
                 flexShrink: 0
               },
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(SparkleIcon, { size: isMobile ? 16 : isHeader ? 16 : 14 })
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(UserIcon, { size: isMobile ? 16 : isHeader ? 16 : 14 })
             }
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { minWidth: 0 }, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { display: "block", color: "var(--ps-text-primary)", fontSize: isMobile ? 14 : isHeader ? "0.78vw" : "0.68vw", fontWeight: 800, lineHeight: 1.2 }, children: title }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { display: "block", color: "var(--ps-text-secondary)", fontSize: isMobile ? 12 : isHeader ? "0.58vw" : "0.56vw", lineHeight: 1.32, marginTop: isMobile ? 3 : "0.12vw" }, children: body })
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { display: "block", color: "var(--ps-text-primary)", fontSize: isMobile ? 14 : isHeader ? "clamp(12px, 0.72vw, 14px)" : "0.68vw", fontWeight: 800, lineHeight: 1.15 }, children: title }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { display: "block", color: "var(--ps-text-secondary)", fontSize: isMobile ? 12 : isHeader ? "clamp(10px, 0.52vw, 11px)" : "0.56vw", lineHeight: 1.22, marginTop: isMobile ? 3 : "0.1vw" }, children: body })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -22686,7 +23105,7 @@ function ProfileCompletionCta({
               border: isMobile ? "1px solid rgba(33,84,239,0.14)" : 0,
               borderRadius: isMobile ? 999 : 0,
               padding: isMobile ? "7px 10px" : 0,
-              fontSize: isMobile ? 12 : isHeader ? "0.64vw" : "0.62vw",
+              fontSize: isMobile ? 12 : isHeader ? "clamp(10px, 0.56vw, 11px)" : "0.62vw",
               fontWeight: 800,
               whiteSpace: "nowrap",
               flexShrink: 0,
@@ -23385,6 +23804,7 @@ function SectionDetailView({
   internationalSizes,
   continueLabel,
   onContinue,
+  resultActionNode,
   renderRaw = false,
   sectionFound,
   allSizes,
@@ -24037,7 +24457,7 @@ function SectionDetailView({
               tryOnProcessing ? `${t2("Generating try-on…")}${tryOnElapsedS > 0 ? ` ${tryOnElapsedS}s` : ""}` : t2("Try It On")
             ]
           }
-        ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        ) : resultActionNode ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-v2-action-group ps-msd-result-action-group", children: resultActionNode }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "button",
           {
             type: "button",
@@ -24262,7 +24682,7 @@ function SectionDetailView({
             tryOnProcessing ? `${t2("Generating try-on…")}${tryOnElapsedS > 0 ? ` ${tryOnElapsedS}s` : ""}` : t2("Try It On")
           ]
         }
-      ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      ) : resultActionNode ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-v2-action-group", children: resultActionNode }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "button",
         {
           onClick: continueLabel ? onContinue || onBack : onBack,
@@ -24308,6 +24728,12 @@ function SizeResultView({
   setView,
   handleDownload,
   onContinueShopping,
+  isHistoryResult = false,
+  onBackToProductPage,
+  onAddToBag,
+  addToBagLabel,
+  continueShoppingLabel,
+  backToProductPageLabel,
   onTryOnFeedbackSubmit,
   selectedFile,
   previewUrl,
@@ -24339,6 +24765,101 @@ function SizeResultView({
   const shoeUserGender = normalizeShoeGender(sizingResult?.userGender || sizingResult?.detectedGender) || void 0;
   const [editVals, setEditVals] = reactExports.useState({});
   const pRange = pRangeFn;
+  const resolvedContinueShoppingLabel = continueShoppingLabel?.trim() || t2("Continue Shopping");
+  const resolvedAddToBagLabel = addToBagLabel?.trim() || t2("Add to Bag");
+  const resolvedBackToProductPageLabel = backToProductPageLabel?.trim() || t2("Back to product");
+  const handleContinueAction = onContinueShopping || onClose;
+  const handleBackToProductPageAction = onBackToProductPage || handleContinueAction;
+  const canAddToBag = !!onAddToBag && !isHistoryResult && !!sizingResult && sizingResult.found !== false;
+  const [addToBagState, setAddToBagState] = reactExports.useState("idle");
+  reactExports.useEffect(() => {
+    if (addToBagState !== "added") return;
+    const timer = window.setTimeout(() => setAddToBagState("idle"), 1500);
+    return () => window.clearTimeout(timer);
+  }, [addToBagState]);
+  const handleAddToBagClick = reactExports.useCallback(async () => {
+    if (!onAddToBag || addToBagState !== "idle") return;
+    setAddToBagState("adding");
+    try {
+      await onAddToBag();
+      setAddToBagState("added");
+    } catch {
+      setAddToBagState("idle");
+    }
+  }, [addToBagState, onAddToBag]);
+  const renderShoppingCta = reactExports.useCallback((options) => {
+    if (isHistoryResult && handleBackToProductPageAction) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-v2-action-group ps-tryon-v2-action-group-history", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          className: "ps-tryon-v2-cta ps-tryon-v2-cta-secondary ps-tryon-v2-cta-compact ps-tryon-v2-history-product-cta",
+          style: { marginTop: 0 },
+          onClick: handleBackToProductPageAction,
+          type: "button",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLinkIcon, { size: 13 }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: resolvedBackToProductPageLabel })
+          ]
+        }
+      ) });
+    }
+    const allowAddToBag = options?.allowAddToBag !== false;
+    if (allowAddToBag && canAddToBag) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-action-group", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "button",
+          {
+            className: "ps-tryon-v2-cta ps-tryon-v2-cta-secondary",
+            style: { marginTop: 0 },
+            onClick: handleContinueAction,
+            type: "button",
+            children: [
+              resolvedContinueShoppingLabel,
+              " →"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "button",
+          {
+            className: `ps-tryon-v2-cta ps-tryon-v2-add-bag-cta${addToBagState === "added" ? " is-added" : ""}`,
+            style: { marginTop: 0 },
+            onClick: handleAddToBagClick,
+            type: "button",
+            disabled: addToBagState !== "idle",
+            children: [
+              addToBagState === "added" ? /* @__PURE__ */ jsxRuntimeExports.jsx(CheckIcon$1, { size: 16 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ShoppingBagIcon, { size: 17 }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: addToBagState === "added" ? t2("Added to bag") : addToBagState === "adding" ? t2("Adding...") : resolvedAddToBagLabel })
+            ]
+          }
+        )
+      ] });
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        className: "ps-tryon-v2-cta",
+        style: { marginTop: 0 },
+        onClick: handleContinueAction,
+        type: "button",
+        children: [
+          resolvedContinueShoppingLabel,
+          " →"
+        ]
+      }
+    );
+  }, [
+    canAddToBag,
+    addToBagState,
+    handleBackToProductPageAction,
+    handleAddToBagClick,
+    handleContinueAction,
+    isHistoryResult,
+    resolvedAddToBagLabel,
+    resolvedBackToProductPageLabel,
+    resolvedContinueShoppingLabel,
+    t2
+  ]);
   const cellVal = reactExports.useCallback((row, colIdx, header) => {
     return cellValFn(row, colIdx, header);
   }, []);
@@ -24827,7 +25348,8 @@ function SizeResultView({
                     return lengthEntries.find((le2) => le2.section.headers.some((h) => /height|altezza|estatura|\(cm\)/i.test(h))) || null;
                   })(),
                   onBack: () => setActiveSection(null),
-                  onContinue: onContinueShopping || onClose,
+                  onContinue: handleContinueAction,
+                  resultActionNode: canAddToBag || isHistoryResult || !!resultImageUrl || vtoExcluded ? renderShoppingCta() : void 0,
                   internationalSizes: entry.secResult?.internationalSizes,
                   productImage: tryOnProcessing && previewUrl ? previewUrl : resultImageUrl || productImage,
                   productTitle,
@@ -24927,7 +25449,8 @@ function SizeResultView({
                     return lengthEntries.find((le2) => le2.section.headers.some((h) => /height|altezza|estatura|\(cm\)/i.test(h))) || null;
                   })(),
                   onBack: () => setActiveSection(null),
-                  onContinue: onContinueShopping || onClose,
+                  onContinue: handleContinueAction,
+                  resultActionNode: canAddToBag || isHistoryResult || !!resultImageUrl || vtoExcluded ? renderShoppingCta() : void 0,
                   internationalSizes: entry.secResult?.internationalSizes,
                   tryOnProcessing,
                   tryOnStartedAt,
@@ -24970,7 +25493,8 @@ function SizeResultView({
               setGuideFile(selectedFile || null);
               setShowPhotoGuide(true);
             },
-            onClose: onContinueShopping || onClose,
+            onClose: handleContinueAction,
+            resultActionNode: canAddToBag || isHistoryResult ? renderShoppingCta() : void 0,
             showLines,
             onToggleLines: suppressFitOverlayActions ? void 0 : () => setShowLines(!showLines),
             onOpenImage: resultImageUrl && !tryOnProcessing ? () => setZoomImageUrl(resultImageUrl) : void 0,
@@ -25114,29 +25638,7 @@ function SizeResultView({
                 " ",
                 t2("Back")
               ] }),
-              resultImageUrl && !tryOnProcessing ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                "button",
-                {
-                  className: "ps-tryon-v2-cta",
-                  style: { marginTop: 0 },
-                  onClick: onContinueShopping || onClose,
-                  children: [
-                    t2("Continue Shopping"),
-                    " →"
-                  ]
-                }
-              ) : vtoExcluded ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                "button",
-                {
-                  className: "ps-tryon-v2-cta",
-                  style: { marginTop: 0 },
-                  onClick: onContinueShopping || onClose,
-                  children: [
-                    t2("Continue Shopping"),
-                    " →"
-                  ]
-                }
-              ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              canAddToBag || isHistoryResult || resultImageUrl && !tryOnProcessing || vtoExcluded ? renderShoppingCta() : /* @__PURE__ */ jsxRuntimeExports.jsxs(
                 "button",
                 {
                   className: "ps-tryon-v2-cta",
@@ -25200,11 +25702,12 @@ function SizeResultView({
                     if (resultImageUrl) onResetTryOn?.();
                     setView("body-profile");
                   },
-                  onContinue: onContinueShopping || onClose,
+                  onContinue: handleContinueAction,
                   backLabel: t2("Back"),
                   internationalSizes: singleInternationalSizes,
-                  onTryOn: resultImageUrl || vtoExcluded ? void 0 : handleSingleTryOn,
-                  continueLabel: resultImageUrl ? t2("Done") : void 0,
+                  onTryOn: canAddToBag || isHistoryResult || resultImageUrl || vtoExcluded ? void 0 : handleSingleTryOn,
+                  resultActionNode: canAddToBag || isHistoryResult || !!resultImageUrl || vtoExcluded ? renderShoppingCta() : void 0,
+                  continueLabel: resultImageUrl ? resolvedContinueShoppingLabel : void 0,
                   tryOnProcessing,
                   tryOnStartedAt,
                   productImage: resultImageUrl || productImage,
@@ -25294,18 +25797,14 @@ function SizeResultView({
                     chartUnit: resultUnit,
                     lengthEntry: null,
                     onBack: () => {
-                      if (resultImageUrl) {
-                        onResetTryOn?.();
-                        setView("body-profile");
-                      } else {
-                        setActiveSection(null);
-                      }
+                      setActiveSection(null);
                     },
-                    onContinue: onContinueShopping || onClose,
+                    onContinue: handleContinueAction,
                     backLabel: t2("Back"),
                     internationalSizes: singleInternationalSizes,
-                    onTryOn: resultImageUrl || vtoExcluded ? void 0 : handleSingleTryOn,
-                    continueLabel: resultImageUrl ? t2("Continue Shopping") : void 0,
+                    onTryOn: canAddToBag || isHistoryResult || resultImageUrl || vtoExcluded ? void 0 : handleSingleTryOn,
+                    resultActionNode: canAddToBag || isHistoryResult || !!resultImageUrl || vtoExcluded ? renderShoppingCta() : void 0,
+                    continueLabel: resultImageUrl ? resolvedContinueShoppingLabel : void 0,
                     tryOnProcessing,
                     tryOnStartedAt,
                     onFeedbackSubmit: onTryOnFeedbackSubmit,
@@ -25321,35 +25820,35 @@ function SizeResultView({
               ) : (
                 /* CARD VIEW — clickable summary card + gallery strip */
                 /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-v2-result-head", children: profileCompletionCta ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-v2-profile-head ps-expanded", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProfileCompletionCta, { onClick: profileCompletionCta.onClick, placement: "header", t: t2 }) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-result-copy", children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "ps-tryon-v2-title", children: guideOnlyResult ? t2("Product Size Guide") : t2("Your Size Recommendation") }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "ps-tryon-v2-subtitle", children: guideOnlyResult ? t2("Tap the card to view product measurements") : t2("Tap the card for detailed breakdown") })
-                  ] }) }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-v2-sep" }),
+                  profileCompletionCta ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-v2-result-head", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-v2-profile-head ps-expanded", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProfileCompletionCta, { onClick: profileCompletionCta.onClick, placement: "header", t: t2 }) }) }) : null,
+                  profileCompletionCta ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-v2-sep" }) : null,
                   /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-sr-cards-v2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                     "button",
                     {
-                      className: `ps-tryon-sr-card-v2 ps-full${pendingCustomSizes[sectionName] ? " ps-overridden" : ""}`,
+                      className: `ps-tryon-sr-card-v2 ps-summary-card ps-full${pendingCustomSizes[sectionName] ? " ps-overridden" : ""}`,
                       onClick: () => setActiveSection(sectionName),
                       type: "button",
-                      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-sr-card-v2-text", children: [
-                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-sr-card-v2-label", children: sectionName }),
-                        (() => {
-                          const rawLabelText = pendingCustomSizes[sectionName]?.displayLabel || singleResult.recommendedSize || singleResult.sizeLabel || (guideOnlyResult ? t2("One Size") : "—");
-                          const labelText = measurementType === "foot" ? formatShoeSizeLabel(rawLabelText, shoeUserGender) : rawLabelText;
-                          const isLong = labelText.length > 12;
-                          return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `ps-tryon-sr-card-v2-value${isLong ? " ps-long" : ""}`, children: labelText });
-                        })(),
-                        /* @__PURE__ */ jsxRuntimeExports.jsx(
-                          "span",
-                          {
-                            className: `ps-tryon-sr-card-v2-rec-pill${pendingCustomSizes[sectionName] ? " is-overridden" : ""}`,
-                            children: guideOnlyResult ? t2("SIZE GUIDE") : pendingCustomSizes[sectionName] ? t2("YOUR SELECTION") : t2("RECOMMENDED")
-                          }
-                        ),
-                        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ps-tryon-sr-card-v2-view", children: [
-                          t2("VIEW DETAILS"),
-                          " ",
+                      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-sr-card-v2-text ps-summary-card-layout", children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ps-summary-card-copy", children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-sr-card-v2-summary-title", children: guideOnlyResult ? t2("Product Size Guide") : t2("Recommended size") }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ps-tryon-sr-card-v2-main", children: [
+                            (() => {
+                              const rawLabelText = pendingCustomSizes[sectionName]?.displayLabel || singleResult.recommendedSize || singleResult.sizeLabel || (guideOnlyResult ? t2("One Size") : "—");
+                              const labelText = measurementType === "foot" ? formatShoeSizeLabel(rawLabelText, shoeUserGender) : rawLabelText;
+                              const isLong = labelText.length > 12;
+                              return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `ps-tryon-sr-card-v2-value${isLong ? " ps-long" : ""}`, children: labelText });
+                            })(),
+                            /* @__PURE__ */ jsxRuntimeExports.jsx(
+                              "span",
+                              {
+                                className: `ps-tryon-sr-card-v2-rec-pill${pendingCustomSizes[sectionName] ? " is-overridden" : ""}`,
+                                children: guideOnlyResult ? t2("SIZE GUIDE") : pendingCustomSizes[sectionName] ? t2("YOUR SELECTION") : t2("RECOMMENDED")
+                              }
+                            )
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ps-tryon-sr-card-v2-open-pill", children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: guideOnlyResult ? t2("View chart") : t2("View measurements") }),
                           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "aria-hidden": "true", children: "›" })
                         ] })
                       ] })
@@ -25373,13 +25872,7 @@ function SizeResultView({
                         ]
                       }
                     ),
-                    resultImageUrl && !tryOnProcessing ? /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "ps-tryon-v2-cta", style: { marginTop: 0 }, onClick: onContinueShopping || onClose, children: [
-                      t2("Continue Shopping"),
-                      " →"
-                    ] }) : vtoExcluded ? /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "ps-tryon-v2-cta", style: { marginTop: 0 }, onClick: onContinueShopping || onClose, children: [
-                      t2("Continue Shopping"),
-                      " →"
-                    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                    canAddToBag || isHistoryResult || resultImageUrl && !tryOnProcessing || vtoExcluded ? renderShoppingCta() : /* @__PURE__ */ jsxRuntimeExports.jsxs(
                       "button",
                       {
                         className: "ps-tryon-v2-cta",
@@ -26491,6 +26984,7 @@ function CreateProfileWizard({ onSave, onCancel, initialMode, initialDraft, dire
   const seededHeight = draftHeightParts(initialDraft, seededUnit);
   const seededGender = initialDraft?.gender === "female" ? "female" : "male";
   const seededPhotoRef = reactExports.useRef(initialDraft?.photoBase64 || initialDraft?.photoUrl || null);
+  const seededMeasurements = initialDraft?.measurements && Object.keys(initialDraft.measurements).length > 0 ? initialDraft.measurements : null;
   const [mode, setMode] = reactExports.useState(initialMode ?? null);
   const [manualStep, setManualStep] = reactExports.useState("identity");
   const [imageStep, setImageStep] = reactExports.useState("name-photo");
@@ -26710,6 +27204,7 @@ function CreateProfileWizard({ onSave, onCancel, initialMode, initialDraft, dire
       bandSize: isWomen ? bandSize || void 0 : void 0,
       cupSize: isWomen ? cupSize || void 0 : void 0,
       ...isWomen && bandSize && cupSize ? { braSizeRegion } : {},
+      ...initialDraft?.measurements ? { measurements: initialDraft.measurements, measurementsUnit: initialDraft.measurementsUnit || "cm" } : {},
       ...initialDraft?.customMeasurements ? { customMeasurements: initialDraft.customMeasurements } : {}
     };
   };
@@ -26729,6 +27224,7 @@ function CreateProfileWizard({ onSave, onCancel, initialMode, initialDraft, dire
       ...isWomen && bandSize ? { bandSize } : {},
       ...isWomen && cupSize ? { cupSize } : {},
       ...isWomen && bandSize && cupSize ? { braSizeRegion } : {},
+      ...initialDraft?.measurements ? { measurements: initialDraft.measurements, measurementsUnit: initialDraft.measurementsUnit || "cm" } : {},
       ...initialDraft?.customMeasurements ? { customMeasurements: initialDraft.customMeasurements } : {},
       photoBase64: photoBase64 || void 0
     };
@@ -26801,13 +27297,14 @@ function CreateProfileWizard({ onSave, onCancel, initialMode, initialDraft, dire
         setError(t2("Please upload a photo"));
         return;
       }
-      if (unit === "in") {
+      const canUseSeededMeasurements = directAnalysisFlow && !!seededMeasurements;
+      if (!canUseSeededMeasurements && unit === "in") {
         const ft = parseFloat(heightFt);
         if (!ft || ft < 3 || ft > 8) {
           setError(t2("Please enter a valid height"));
           return;
         }
-      } else {
+      } else if (!canUseSeededMeasurements) {
         const cm = parseFloat(heightVal);
         if (!cm || cm < 100 || cm > 250) {
           setError(t2("Please enter a valid height"));
@@ -26815,7 +27312,7 @@ function CreateProfileWizard({ onSave, onCancel, initialMode, initialDraft, dire
         }
       }
       const w2 = parseFloat(weightVal);
-      if (!w2 || w2 <= 0) {
+      if (!canUseSeededMeasurements && (!w2 || w2 <= 0)) {
         setError(t2("Please enter a valid weight"));
         return;
       }
@@ -26829,8 +27326,8 @@ function CreateProfileWizard({ onSave, onCancel, initialMode, initialDraft, dire
       setEstimating(true);
       const MIN_HOLD_MS = 6e3;
       const minHold = new Promise((r2) => setTimeout(r2, MIN_HOLD_MS));
-      let liveEstimates = null;
-      if (onEstimate && photoBase64) {
+      let liveEstimates = seededMeasurements;
+      if (!canUseSeededMeasurements && onEstimate && photoBase64) {
         const heightRaw = unit === "in" ? (parseInt(heightFt, 10) || 0) * 12 + (parseInt(heightInch, 10) || 0) : parseFloat(heightVal);
         try {
           const result = await onEstimate({
@@ -26875,7 +27372,8 @@ function CreateProfileWizard({ onSave, onCancel, initialMode, initialDraft, dire
     if (mode !== "image" || imageStep !== "name-photo") return;
     const hasHeight = unit === "in" ? parseFloat(heightFt) > 0 || parseFloat(heightInch) > 0 : parseFloat(heightVal) > 0;
     const hasWeight = parseFloat(weightVal) > 0;
-    if (!photoBase64 || !name.trim() || !hasHeight || !hasWeight) return;
+    const canUseSeededMeasurements = directAnalysisFlow && !!seededMeasurements;
+    if (!photoBase64 || !name.trim() || !canUseSeededMeasurements && (!hasHeight || !hasWeight)) return;
     directAutoStartedRef.current = true;
     void advanceImage();
   }, [directAnalysisFlow, mode, imageStep, photoBase64, name, heightFt, heightInch, heightVal, weightVal, unit]);
@@ -28844,6 +29342,7 @@ function PhotoStepMobile({
   photoStatus,
   photoRejection,
   onClearRejection,
+  photoHelpSlot,
   bodyContextSlot,
   hideTabs = false,
   t: t2
@@ -28868,6 +29367,7 @@ function PhotoStepMobile({
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `ps-pm-preview${compactAgeGate ? " ps-pm-preview-tall" : ""}`, children: [
+      !hasPhoto && photoHelpSlot,
       hasPhoto ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: photoPreview, alt: t2("Your photo"), className: "ps-pm-preview-img" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -29424,6 +29924,7 @@ function BodyProfileView({
   basicOnly = false,
   initialStep,
   simplePhotoOnly = false,
+  simpleAccessoryLayout = false,
   simpleQuestionMode = "heightWeight",
   formRef,
   sizingCountry,
@@ -29588,6 +30089,7 @@ function BodyProfileView({
     setPhotoProcessing(true);
     setPhotoStatus(t2("Analyzing photo…"));
     setPhotoFile(file);
+    setPhotoHelpOpen(false);
     const previewUrl = URL.createObjectURL(file);
     setPhotoPreview(previewUrl);
     try {
@@ -30214,6 +30716,7 @@ function BodyProfileView({
     }
     const analyzeDisabled = analyzeMissing.length > 0;
     const analyzeLabel = analyzeDisabled ? analyzeMissing[0] ?? t2("Analyze My Size") : t2("Analyze My Size");
+    const compactHeightWeightAccessory = simplePhotoOnly && simpleAccessoryLayout && !isShoeReferenceMode;
     if (isMobile) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-wrapper", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-scan-progress", children: [
@@ -30231,19 +30734,6 @@ function BodyProfileView({
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-scan-progress-spacer", "aria-hidden": "true" })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-bp-scan-help-row", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "button",
-          {
-            type: "button",
-            onClick: () => setPhotoHelpOpen((v2) => !v2),
-            "aria-label": t2("How to take a good photo"),
-            className: `ps-pm-help-pill ps-bp-scan-help-pill${photoHelpOpen ? " ps-active" : ""}`,
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-pm-help-pill-q", "aria-hidden": "true", children: "?" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: t2("How to take a good photo") })
-            ]
-          }
-        ) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           PhotoStepMobile,
           {
@@ -30268,11 +30758,27 @@ function BodyProfileView({
             photoStatus,
             photoRejection,
             onClearRejection: () => setPhotoRejection(null),
+            photoHelpSlot: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  setPhotoHelpOpen((v2) => !v2);
+                },
+                "aria-label": t2("How to take a good photo"),
+                className: `ps-bp-photo-help-chip${photoHelpOpen ? " ps-active" : ""}`,
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-photo-help-chip-mark", "aria-hidden": "true", children: "?" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: t2("How to take a good photo") })
+                ]
+              }
+            ),
             hideTabs: simplePhotoOnly,
             t: t2
           }
         ),
-        photoHelpOpen && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        !photoPreview && photoHelpOpen && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-bp-photo-help-backdrop", onClick: () => setPhotoHelpOpen(false), "aria-hidden": "true" }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { role: "dialog", "aria-label": t2("How to take the best photo"), className: "ps-bp-photo-help", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-bp-photo-help-handle", "aria-hidden": "true" }),
@@ -30332,7 +30838,7 @@ function BodyProfileView({
       ] });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-wrapper", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", gap: "1.2vw", padding: "1.5vw", width: "100%", height: "100%", minHeight: "20vw", alignItems: "stretch", position: "relative" }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", gap: "1.2vw", padding: "1.5vw", width: "100%", flex: "1 1 auto", minHeight: 0, alignItems: "stretch", position: "relative", overflow: "hidden" }, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { flex: 1, position: "relative", display: "flex", flexDirection: "column", gap: "0.7vw" }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "div",
           {
@@ -30390,6 +30896,95 @@ function BodyProfileView({
               overflow: "hidden"
             },
             children: [
+              !photoPreview && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    setPhotoHelpOpen((v2) => !v2);
+                  },
+                  "aria-label": t2("How to take a good photo"),
+                  title: t2("How to take a good photo"),
+                  className: `ps-bp-photo-help-chip${photoHelpOpen ? " ps-active" : ""}`,
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-photo-help-chip-mark", "aria-hidden": "true", children: "?" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: t2("How to take a good photo") })
+                  ]
+                }
+              ),
+              !photoPreview && photoHelpOpen && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "div",
+                {
+                  role: "dialog",
+                  "aria-label": t2("How to take the best photo"),
+                  className: "ps-bp-photo-help ps-bp-photo-help-upload",
+                  onClick: (e) => e.stopPropagation(),
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-bp-photo-help-handle", "aria-hidden": "true" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-photo-help-header", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-photo-help-title", children: t2("How to take the best photo") }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => setPhotoHelpOpen(false),
+                          "aria-label": t2("Close"),
+                          className: "ps-bp-photo-help-close",
+                          children: "×"
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-photo-help-section ps-bp-photo-help-do", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-photo-help-section-label", children: [
+                        "✓ ",
+                        t2("Do")
+                      ] }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-photo-help-section-body", children: [
+                        t2("Stand facing the camera with your full body in frame"),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+                        t2("Hold the phone at WAIST height (not eye level)"),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+                        t2("Stand with your HEELS against a wall for best accuracy"),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+                        t2("Use natural or even lighting (e.g. near a window)"),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+                        t2("Wear fitted, simple clothing (e.g. neutral colors)"),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+                        t2("Choose a plain background (a light wall is ideal)"),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+                        t2("Stand straight and still, arms relaxed by your sides")
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-photo-help-section ps-bp-photo-help-dont", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-photo-help-section-label", children: [
+                        "✗ ",
+                        t2("Don't")
+                      ] }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-photo-help-section-body", children: [
+                        t2("Don't wear loose, baggy, or layered clothing"),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+                        t2("Don't sit, pose, or bend your body"),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+                        t2("Don't use strong backlighting"),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+                        t2("Don't take mirror photos or selfies"),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+                        t2("Don't apply filters, effects, or edits")
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-photo-help-section ps-bp-photo-help-tip", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("strong", { children: [
+                        "💡 ",
+                        t2("Quick Tip"),
+                        ":"
+                      ] }),
+                      " ",
+                      t2("The simpler your photo is, the more accurate your virtual try-on results will be.")
+                    ] })
+                  ]
+                }
+              ),
               photoProcessing && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-photo-overlay", onClick: (e) => e.stopPropagation(), children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-bp-photo-overlay-spinner", "aria-hidden": "true" }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-photo-overlay-label", children: photoStatus || t2("Analyzing photo…") })
@@ -30608,64 +31203,24 @@ function BodyProfileView({
           background: "linear-gradient(to bottom, transparent 0%, var(--ps-border-subtle) 18%, var(--ps-border-subtle) 82%, transparent 100%)",
           flexShrink: 0
         } }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { flex: 1, display: "flex", flexDirection: "column", justifyContent: "flex-start", position: "relative", gap: "0.8vw" }, children: isShoeReferenceMode ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-shoe-ref-desktop", children: renderShoeReferenceFields() }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: "0.6vw" }, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { style: { margin: 0, fontSize: "1vw", fontWeight: 700, color: "var(--ps-text-primary)" }, children: t2("Body details") }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => setPhotoHelpOpen((v2) => !v2),
-                  "aria-label": t2("How to take a good photo"),
-                  title: t2("How to take a good photo"),
-                  style: {
-                    display: "inline-flex",
-                    alignItems: "center",
-                    gap: "0.35vw",
-                    padding: "0.4vw 0.7vw",
-                    background: photoHelpOpen ? "var(--ps-accent)" : "transparent",
-                    color: photoHelpOpen ? "#FFFFFF" : "var(--ps-accent)",
-                    border: `1.5px solid var(--ps-accent)`,
-                    borderRadius: "999px",
-                    cursor: "pointer",
-                    fontFamily: "inherit",
-                    fontSize: "0.58vw",
-                    fontWeight: 700,
-                    letterSpacing: "0.04em",
-                    whiteSpace: "nowrap",
-                    transition: "background 0.15s, color 0.15s",
-                    flexShrink: 0
-                  },
-                  children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: {
-                      display: "inline-flex",
-                      alignItems: "center",
-                      justifyContent: "center",
-                      width: "0.95vw",
-                      height: "0.95vw",
-                      minWidth: "14px",
-                      minHeight: "14px",
-                      borderRadius: "50%",
-                      background: photoHelpOpen ? "#FFFFFF" : "var(--ps-accent)",
-                      color: photoHelpOpen ? "var(--ps-accent)" : "#FFFFFF",
-                      fontSize: "0.65vw",
-                      fontWeight: 700,
-                      lineHeight: 1
-                    }, "aria-hidden": "true", children: "?" }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: t2("How to take a good photo") })
-                  ]
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: { margin: "0.2vw 0 0", fontSize: "0.65vw", color: "var(--ps-text-muted)" }, children: t2("These calibrate the AI — all required.") })
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-system-toggle", style: { alignSelf: "center", marginTop: "1.2vw" }, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: `ps-bp-system-btn${!isImperialMode ? " ps-bp-system-active" : ""}`, onClick: photoSwitchToMetric, type: "button", children: t2("Metric") }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: `ps-bp-system-btn${isImperialMode ? " ps-bp-system-active" : ""}`, onClick: photoSwitchToImperial, type: "button", children: t2("Imperial") })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
+          flex: compactHeightWeightAccessory ? "0 1 min(34vw, 360px)" : 1,
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: compactHeightWeightAccessory ? "center" : "flex-start",
+          position: "relative",
+          gap: compactHeightWeightAccessory ? "1.1vw" : "0.8vw",
+          minWidth: compactHeightWeightAccessory ? "280px" : void 0
+        }, children: isShoeReferenceMode ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-shoe-ref-desktop", children: renderShoeReferenceFields() }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `ps-bp-photo-details-head${compactHeightWeightAccessory ? " ps-bp-photo-details-head-simple" : ""}`, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { children: t2("Body details") }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-system-toggle ps-bp-system-toggle-compact", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: `ps-bp-system-btn${!isImperialMode ? " ps-bp-system-active" : ""}`, onClick: photoSwitchToMetric, type: "button", children: t2("Metric") }),
+              /* @__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: [
-            activeProfileName && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-profile-card", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { marginTop: compactHeightWeightAccessory ? "0.35vw" : "0.15vw", marginBottom: 0, minHeight: 0 }, children: [
+            activeProfileName && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-profile-card ps-bp-profile-card-compact", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-profile-card-copy", children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-profile-card-eyebrow", children: t2("Active Profile") }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: activeProfileName }),
@@ -30749,87 +31304,6 @@ function BodyProfileView({
                 ] })
               ] })
             ] })
-          ] }),
-          photoHelpOpen && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "div",
-              {
-                className: "ps-bp-photo-help-backdrop",
-                onClick: () => setPhotoHelpOpen(false),
-                "aria-hidden": "true"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              "div",
-              {
-                role: "dialog",
-                "aria-label": t2("How to take the best photo"),
-                className: "ps-bp-photo-help",
-                children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-bp-photo-help-handle", "aria-hidden": "true" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-photo-help-header", children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-photo-help-title", children: t2("How to take the best photo") }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => setPhotoHelpOpen(false),
-                        "aria-label": t2("Close"),
-                        className: "ps-bp-photo-help-close",
-                        children: "×"
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-photo-help-section ps-bp-photo-help-do", children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-photo-help-section-label", children: [
-                      "✓ ",
-                      t2("Do")
-                    ] }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-photo-help-section-body", children: [
-                      t2("Stand facing the camera with your full body in frame"),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
-                      t2("Hold the phone at WAIST height (not eye level)"),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
-                      t2("Stand with your HEELS against a wall for best accuracy"),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
-                      t2("Use natural or even lighting (e.g. near a window)"),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
-                      t2("Wear fitted, simple clothing (e.g. neutral colors)"),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
-                      t2("Choose a plain background (a light wall is ideal)"),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
-                      t2("Stand straight and still, arms relaxed by your sides")
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-photo-help-section ps-bp-photo-help-dont", children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-photo-help-section-label", children: [
-                      "✗ ",
-                      t2("Don't")
-                    ] }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-photo-help-section-body", children: [
-                      t2("Don't wear loose, baggy, or layered clothing"),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
-                      t2("Don't sit, pose, or bend your body"),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
-                      t2("Don't use strong backlighting"),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
-                      t2("Don't take mirror photos or selfies"),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
-                      t2("Don't apply filters, effects, or edits")
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-photo-help-section ps-bp-photo-help-tip", children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("strong", { children: [
-                      "💡 ",
-                      t2("Quick Tip"),
-                      ":"
-                    ] }),
-                    " ",
-                    t2("The simpler your photo is, the more accurate your virtual try-on results will be.")
-                  ] })
-                ]
-              }
-            )
           ] })
         ] }) })
       ] }),
@@ -32506,6 +32980,31 @@ function validMidsectionProfile(value) {
 function validHipProfile(value) {
   return value === "narrow" || value === "average" || value === "full" ? value : void 0;
 }
+async function profilePhotoFromFile(file) {
+  try {
+    return await compressImage(file, { maxDimension: 1280, quality: 0.92 });
+  } catch {
+    return new Promise((resolve) => {
+      try {
+        const reader = new FileReader();
+        reader.onload = () => resolve(typeof reader.result === "string" ? reader.result : null);
+        reader.onerror = () => resolve(null);
+        reader.readAsDataURL(file);
+      } catch {
+        resolve(null);
+      }
+    });
+  }
+}
+function cleanProfileMeasurements(value) {
+  if (!value || typeof value !== "object") return void 0;
+  const measurements = {};
+  for (const [key, raw] of Object.entries(value)) {
+    const n2 = positiveNumber(raw);
+    if (n2 != null) measurements[key] = n2;
+  }
+  return Object.keys(measurements).length > 0 ? measurements : void 0;
+}
 function durableHistoryImageUrl(url) {
   if (!url) return void 0;
   const clean = url.trim();
@@ -32596,6 +33095,7 @@ function PrimeStyleTryonInner({
   productImages,
   productCarouselItems,
   garmentReferenceImage,
+  garmentDetailImage,
   productTitle = "Product",
   productUrl,
   productId,
@@ -32627,6 +33127,10 @@ function PrimeStyleTryonInner({
   onProcessing,
   onComplete,
   onError,
+  onAddToBag,
+  addToBagLabel,
+  continueShoppingLabel,
+  backToProductPageLabel,
   sizeGuideData,
   initialView,
   initialBodyProfileStep
@@ -32837,7 +33341,9 @@ function PrimeStyleTryonInner({
   const [profileSession, setProfileSession] = reactExports.useState(() => getStoredProfileSession());
   const profileSessionRef = reactExports.useRef(profileSession);
   const suppressNextProfilePersistRef = reactExports.useRef(false);
-  const [profileCompletionDraft, setProfileCompletionDraft] = reactExports.useState(() => getStoredProfileSession() ? null : lsGet(PROFILE_COMPLETION_DRAFT_KEY, null));
+  const [profileCompletionDraft, setProfileCompletionDraft] = reactExports.useState(
+    () => lsGet(PROFILE_COMPLETION_DRAFT_KEY, null)
+  );
   const [profileAuthError, setProfileAuthError] = reactExports.useState(null);
   const [profileAuthLoadingProvider, setProfileAuthLoadingProvider] = reactExports.useState(null);
   const [history, setHistory] = reactExports.useState(() => lsGet("history", []).map(normalizeHistoryEntry));
@@ -32851,6 +33357,7 @@ function PrimeStyleTryonInner({
   const [restoredProductCarouselItems, setRestoredProductCarouselItems] = reactExports.useState(null);
   const [restoredProductTitle, setRestoredProductTitle] = reactExports.useState(null);
   const [restoredProductUrl, setRestoredProductUrl] = reactExports.useState(null);
+  const [restoredHistoryEntryId, setRestoredHistoryEntryId] = reactExports.useState(null);
   const [activeProfileId, setActiveProfileIdState] = reactExports.useState(() => getActiveProfileId());
   const [estimatingProfileIds, setEstimatingProfileIds] = reactExports.useState(() => /* @__PURE__ */ new Set());
   const [deleteConfirmId, setDeleteConfirmId] = reactExports.useState(null);
@@ -32879,25 +33386,35 @@ function PrimeStyleTryonInner({
     lsRemove(PROFILE_COMPLETION_DRAFT_KEY);
     setProfileCompletionDraft(null);
   }, []);
-  const handleCompleteProfileFromResult = reactExports.useCallback(() => {
+  const buildProfileCompletionDraft = reactExports.useCallback((photoBase64) => {
     const f2 = formRef.current || {};
     const active = profiles.find((p2) => p2.id === activeProfileId) || null;
     const gender = f2.gender === "female" || active?.gender === "female" ? "female" : "male";
-    const profilePhoto = f2.photoBase64 || f2.bodyImage || active?.photoBase64 || active?.photoUrl;
-    const normalizedProfilePhoto = profilePhoto ? normalizeProfilePhotoSource(profilePhoto) : null;
     const customMeasurements = {};
     const wristCircumference = positiveNumber(f2.wristCircumference);
     if (wristCircumference != null) customMeasurements.wristCircumference = wristCircumference;
-    const draft = {
+    const resultMeasurements = cleanProfileMeasurements(sizingResult?.estimates);
+    const resultMeasurementsUnit = sizingResult?.estimatesUnit === "in" ? "in" : "cm";
+    const formHeight = positiveNumber(f2.height);
+    const activeHeight = positiveNumber(active?.height ?? active?.heightCm);
+    const estimateHeight = positiveNumber(resultMeasurements?.height);
+    const formWeight = positiveNumber(f2.weight);
+    const activeWeight = positiveNumber(active?.weight ?? active?.weightKg);
+    const estimateWeight = positiveNumber(resultMeasurements?.weight);
+    const height = formHeight ?? activeHeight ?? estimateHeight;
+    const weight = formWeight ?? activeWeight ?? estimateWeight;
+    const heightUnitForDraft = formHeight != null ? f2.heightUnit || active?.heightUnit || heightUnit : activeHeight != null ? active?.heightUnit || heightUnit : estimateHeight != null ? resultMeasurementsUnit : f2.heightUnit || active?.heightUnit || heightUnit;
+    const weightUnitForDraft = formWeight != null ? f2.weightUnit || active?.weightUnit || weightUnit : activeWeight != null ? active?.weightUnit || weightUnit : estimateWeight != null ? resultMeasurementsUnit : f2.weightUnit || active?.weightUnit || weightUnit;
+    return {
       source: "size-result",
       createdAt: Date.now(),
       productId: effectiveProductId,
       productTitle,
       gender,
-      height: positiveNumber(f2.height) ?? positiveNumber(active?.height ?? active?.heightCm),
-      weight: positiveNumber(f2.weight) ?? positiveNumber(active?.weight ?? active?.weightKg),
-      heightUnit: f2.heightUnit || active?.heightUnit || heightUnit,
-      weightUnit: f2.weightUnit || active?.weightUnit || weightUnit,
+      ...height != null ? { height } : {},
+      ...weight != null ? { weight } : {},
+      heightUnit: heightUnitForDraft,
+      weightUnit: weightUnitForDraft,
       sizingUnit: active?.sizingUnit || sizingUnit,
       age: positiveNumber(f2.age) ?? positiveNumber(active?.age),
       chestProfile: validChestProfile(f2.chestProfile || active?.chestProfile),
@@ -32906,15 +33423,23 @@ function PrimeStyleTryonInner({
       bandSize: f2.bandSize || active?.bandSize,
       cupSize: f2.cupSize || active?.cupSize,
       braSizeRegion: f2.braSizeRegion || active?.braSizeRegion || "US",
-      ...normalizedProfilePhoto ? { photoBase64: normalizedProfilePhoto } : {},
+      ...photoBase64 ? { photoBase64 } : {},
+      ...resultMeasurements ? { measurements: resultMeasurements, measurementsUnit: resultMeasurementsUnit } : {},
       ...Object.keys(customMeasurements).length > 0 ? { customMeasurements } : {}
     };
-    if (profileSessionRef.current) lsRemove(PROFILE_COMPLETION_DRAFT_KEY);
-    else lsSet(PROFILE_COMPLETION_DRAFT_KEY, draft);
+  }, [activeProfileId, effectiveProductId, heightUnit, productTitle, profiles, sizingResult, sizingUnit, weightUnit]);
+  const handleCompleteProfileFromResult = reactExports.useCallback(async () => {
+    const f2 = formRef.current || {};
+    const active = profiles.find((p2) => p2.id === activeProfileId) || null;
+    const file = selectedFile || selectedFileRef.current;
+    const profilePhoto = f2.photoBase64 || f2.bodyImage || (file ? await profilePhotoFromFile(file) : null) || active?.photoBase64 || active?.photoUrl;
+    const normalizedProfilePhoto = profilePhoto ? normalizeProfilePhotoSource(profilePhoto) : null;
+    const draft = buildProfileCompletionDraft(normalizedProfilePhoto);
+    lsSet(PROFILE_COMPLETION_DRAFT_KEY, draft);
     setProfileCompletionDraft(draft);
     setProfileAuthError(null);
     setView("profiles");
-  }, [activeProfileId, effectiveProductId, heightUnit, productTitle, profiles, sizingUnit, weightUnit]);
+  }, [activeProfileId, buildProfileCompletionDraft, profiles, selectedFile]);
   const applyProfileStore = reactExports.useCallback((nextProfiles, nextActiveProfileId, persistLocal = !profileSessionRef.current) => {
     if (persistLocal) saveProfiles(nextProfiles);
     setProfiles(nextProfiles);
@@ -32949,6 +33474,9 @@ function PrimeStyleTryonInner({
       profileSessionRef.current = session;
       setProfileSession(session);
       await hydrateProfileStore(session, profiles, activeProfileId);
+      setProfileCompletionDraft(
+        (current) => current ?? lsGet(PROFILE_COMPLETION_DRAFT_KEY, null)
+      );
     } catch (error) {
       setProfileAuthError(error instanceof Error ? error.message : t2("Social login failed. Please try again."));
     } finally {
@@ -32993,6 +33521,7 @@ function PrimeStyleTryonInner({
   const modelImageIdRef = reactExports.useRef(null);
   const autoTryOnFiredRef = reactExports.useRef(false);
   const bestGarmentImageRef = reactExports.useRef(null);
+  const bestGarmentDetailImageRef = reactExports.useRef(null);
   reactExports.useEffect(() => {
     try {
       const key = getApiKey();
@@ -33032,6 +33561,7 @@ function PrimeStyleTryonInner({
       productTitle
     });
     bestGarmentImageRef.current = null;
+    bestGarmentDetailImageRef.current = garmentDetailImage || null;
     if (garmentReferenceImage) {
       bestGarmentImageRef.current = garmentReferenceImage;
       console.log(`[ps-sdk:pick] #${fireN} early-return — using prop override`);
@@ -33057,8 +33587,9 @@ function PrimeStyleTryonInner({
       signal: ctrl.signal
     }).then((r2) => r2.ok ? r2.json() : null).then((j) => {
       if (j?.bestUrl) {
-        bestGarmentImageRef.current = j.bestUrl;
-        console.log(`[ps-sdk:pick] #${fireN} ← OK in ${Date.now() - t0}ms → ${j.bestUrl}`);
+        bestGarmentImageRef.current = j.modelUrl || j.bestUrl;
+        bestGarmentDetailImageRef.current = garmentDetailImage || j.detailUrl || null;
+        console.log(`[ps-sdk:pick] #${fireN} ← OK in ${Date.now() - t0}ms → worn=${bestGarmentImageRef.current} detail=${bestGarmentDetailImageRef.current || "none"}`);
       } else {
         console.log(`[ps-sdk:pick] #${fireN} ← no bestUrl in response (${Date.now() - t0}ms)`);
       }
@@ -33069,7 +33600,7 @@ function PrimeStyleTryonInner({
       ctrl.abort();
       console.log(`[ps-sdk:pick] #${fireN} cleanup — aborted in-flight fetch`);
     };
-  }, [effectiveProductImages, garmentReferenceImage, apiUrl, productTitle, toBackendFetchableImageUrl]);
+  }, [effectiveProductImages, garmentReferenceImage, garmentDetailImage, apiUrl, productTitle, toBackendFetchableImageUrl]);
   function summarizeSizeGuideForGender(value) {
     if (!value || typeof value !== "object") return void 0;
     const obj = value;
@@ -33474,6 +34005,7 @@ function PrimeStyleTryonInner({
     setRestoredProductCarouselItems(null);
     setRestoredProductTitle(null);
     setRestoredProductUrl(null);
+    setRestoredHistoryEntryId(null);
     setRestoredProductUrl(null);
     setSizingLoading(true);
     setEstimationDone(hasStored);
@@ -33570,6 +34102,7 @@ function PrimeStyleTryonInner({
     setRestoredProductCarouselItems(null);
     setRestoredProductTitle(null);
     setRestoredProductUrl(null);
+    setRestoredHistoryEntryId(null);
     if (!tryOnInFlight) {
       setResultImageUrl(null);
       setSizingResult(null);
@@ -34025,6 +34558,7 @@ function PrimeStyleTryonInner({
     setRestoredProductCarouselItems(null);
     setRestoredProductTitle(null);
     setRestoredProductUrl(null);
+    setRestoredHistoryEntryId(null);
     if (previewUrl) URL.revokeObjectURL(previewUrl);
     setSelectedFile(null);
     selectedFileRef.current = null;
@@ -34086,6 +34620,7 @@ function PrimeStyleTryonInner({
     setRestoredProductImages(null);
     setRestoredProductCarouselItems(null);
     setRestoredProductTitle(null);
+    setRestoredHistoryEntryId(null);
     completedRef.current = false;
     modelImageIdRef.current = null;
     noFitFoundRef.current = false;
@@ -34104,6 +34639,7 @@ function PrimeStyleTryonInner({
     if (measurementType === "face" || measurementType === "head") {
       setFaceLandmarks(null);
       const minVisible2 = new Promise((r2) => setTimeout(r2, 4500));
+      let landmarksVisibleMin = null;
       try {
         const faceResult = await detectFaceMeasurements(objUrl);
         if (!faceResult) {
@@ -34116,7 +34652,10 @@ function PrimeStyleTryonInner({
           setSizingLoading(false);
           return;
         }
-        if (faceResult) setFaceLandmarks(faceResult.landmarks);
+        if (faceResult) {
+          setFaceLandmarks(faceResult.landmarks);
+          landmarksVisibleMin = new Promise((r2) => setTimeout(r2, 1200));
+        }
         const facePayload = {
           product: productContext,
           sizeGuide: sizeGuide ?? { found: false },
@@ -34145,7 +34684,7 @@ function PrimeStyleTryonInner({
         if (recRes.ok) {
           const recData = await recRes.json();
           if (recData?.found === false) {
-            await minVisible2;
+            await Promise.all([minVisible2, landmarksVisibleMin || Promise.resolve()]);
             setNoSizeReason(recData?.reasoning === "NO_SIZE_CHART" ? "no-chart" : "no-match");
             setView("no-chart");
             setEstimationDone(true);
@@ -34169,7 +34708,7 @@ function PrimeStyleTryonInner({
             { skipBodyEstimate: true }
           );
         } else {
-          await minVisible2;
+          await Promise.all([minVisible2, landmarksVisibleMin || Promise.resolve()]);
           const errBody = await recRes.text().catch(() => "");
           console.error("[ps-sdk] face-recommend failed:", recRes.status, errBody);
           setErrorMessage(t2("Unable to get size recommendation. Please try manual measurements."));
@@ -34180,14 +34719,14 @@ function PrimeStyleTryonInner({
         }
       } catch (err) {
         console.error("[ps-sdk] face-recommend failed:", err);
-        await minVisible2;
+        await Promise.all([minVisible2, landmarksVisibleMin || Promise.resolve()]);
         setErrorMessage(t2("Unable to get size recommendation. Please try manual measurements."));
         setEstimationDone(true);
         setSizingLoading(false);
         setView("error");
         return;
       }
-      await minVisible2;
+      await Promise.all([minVisible2, landmarksVisibleMin || Promise.resolve()]);
       setSizingLoading(false);
       return;
     }
@@ -34432,6 +34971,7 @@ function PrimeStyleTryonInner({
       }
       console.log("[ps-sdk:tryon] fitInfo built", { count: fitInfo?.length || 0, areas: fitInfo?.map((f2) => `${f2.area}(${f2.fit})`) });
       let garmentImage = productImage;
+      let detailImage = garmentDetailImage || bestGarmentDetailImageRef.current || null;
       if (garmentReferenceImage) {
         garmentImage = garmentReferenceImage;
       } else if (bestGarmentImageRef.current) {
@@ -34444,6 +34984,9 @@ function PrimeStyleTryonInner({
           garmentImage = best;
         }
       }
+      if (!detailImage && effectiveProductImages?.length) {
+        detailImage = effectiveProductImages.find((img) => img && img !== garmentImage) || null;
+      }
       const response = await apiRef.current.submitTryOn(
         modelImage,
         garmentImage,
@@ -34459,6 +35002,7 @@ function PrimeStyleTryonInner({
           productTags: productTagsList,
           productDescription,
           productMaterial,
+          ...detailImage && detailImage !== garmentImage ? { garmentDetailImage: detailImage } : {},
           silhouetteContext: buildSilhouetteContext(
             sizingResult,
             sizeGuide,
@@ -34522,7 +35066,7 @@ function PrimeStyleTryonInner({
       setView("error");
       onError?.({ message, code });
     }
-  }, [selectedFile, productImage, effectiveProductImages, garmentReferenceImage, productTitle, productCategory, productSubcategory, resolvedProductFitType, productType, productTagsList, productDescription, productMaterial, measurementType, sizingResult, sizeGuide, apiUrl, onProcessing, onError, handleVtoUpdate]);
+  }, [selectedFile, productImage, effectiveProductImages, garmentReferenceImage, garmentDetailImage, productTitle, productCategory, productSubcategory, resolvedProductFitType, productType, productTagsList, productDescription, productMaterial, measurementType, sizingResult, sizeGuide, apiUrl, onProcessing, onError, handleVtoUpdate]);
   reactExports.useEffect(() => {
     if (view !== "size-result") {
       autoTryOnFiredRef.current = false;
@@ -34555,17 +35099,86 @@ function PrimeStyleTryonInner({
       }).catch(() => window.open(resultImageUrl, "_blank"));
     }
   }, [resultImageUrl]);
-  const handleContinueShopping = reactExports.useCallback(() => {
-    const historyUrl = restoredProductUrl || "";
-    if (historyUrl && typeof window !== "undefined") {
+  const openProductPageUrl = reactExports.useCallback((url) => {
+    if (url && typeof window !== "undefined") {
       try {
-        window.open(new URL(historyUrl, window.location.origin).href, "_blank", "noopener,noreferrer");
+        window.open(new URL(url, window.location.origin).href, "_blank", "noopener,noreferrer");
       } catch {
-        window.open(historyUrl, "_blank", "noopener,noreferrer");
+        window.open(url, "_blank", "noopener,noreferrer");
       }
     }
+  }, []);
+  const handleContinueShopping = reactExports.useCallback(() => {
+    handleClose();
+  }, [handleClose]);
+  const handleBackToProductPage = reactExports.useCallback(() => {
+    const targetUrl = restoredProductUrl || effectiveProductUrl || "";
+    if (targetUrl) {
+      openProductPageUrl(targetUrl);
+      return;
+    }
     handleClose();
-  }, [handleClose, restoredProductUrl]);
+  }, [effectiveProductUrl, handleClose, openProductPageUrl, restoredProductUrl]);
+  const buildAddToBagSelectedSizes = reactExports.useCallback(() => {
+    const overrides = Object.values(pendingCustomSizesRef.current);
+    if (overrides.length) {
+      return overrides.map((override) => ({
+        sectionName: override.sectionName,
+        selectedSize: override.selectedSize,
+        selectedLength: override.selectedLength,
+        displayLabel: override.displayLabel,
+        isOverride: true
+      }));
+    }
+    const sections = sizingResult?.sections;
+    if (sections && typeof sections === "object") {
+      const selected = Object.entries(sections).map(([sectionName, sectionResult]) => {
+        const result = sectionResult;
+        const selectedSize = result.size || result.recommendedSize || "";
+        if (!selectedSize) return null;
+        const displayLabel = [selectedSize, result.length].filter(Boolean).join(" / ");
+        return {
+          sectionName,
+          selectedSize,
+          selectedLength: result.length,
+          displayLabel,
+          isOverride: false
+        };
+      }).filter(Boolean);
+      return selected.length ? selected : void 0;
+    }
+    const recommendedSize = sizingResult?.recommendedSize || "";
+    if (!recommendedSize) return void 0;
+    return [{
+      sectionName: "Your Fit",
+      selectedSize: recommendedSize,
+      displayLabel: recommendedSize,
+      isOverride: false
+    }];
+  }, [sizingResult]);
+  const handleAddToBag = reactExports.useCallback(async () => {
+    if (!onAddToBag || !sizingResult) return;
+    await onAddToBag({
+      productId,
+      productTitle: restoredProductTitle || productTitle,
+      productUrl: restoredProductUrl || effectiveProductUrl,
+      recommendedSize: sizingResult.recommendedSize,
+      sizingResult,
+      resultImageUrl: resultImageUrlRef.current || resultImageUrl,
+      historyEntryId: currentHistoryEntryIdRef.current ?? void 0,
+      selectedSizes: buildAddToBagSelectedSizes()
+    });
+  }, [
+    buildAddToBagSelectedSizes,
+    effectiveProductUrl,
+    onAddToBag,
+    productId,
+    productTitle,
+    restoredProductTitle,
+    restoredProductUrl,
+    resultImageUrl,
+    sizingResult
+  ]);
   const handleTryOnFeedbackSubmit = reactExports.useCallback(async ({ rating, note }) => {
     const profileLoggedIn = Boolean(profileSession);
     const activeProfile = profileLoggedIn ? profiles.find((profile) => profile.id === activeProfileId) : null;
@@ -34624,6 +35237,7 @@ function PrimeStyleTryonInner({
     setRestoredProductCarouselItems(null);
     setRestoredProductTitle(null);
     setRestoredProductUrl(null);
+    setRestoredHistoryEntryId(null);
     setErrorMessage(null);
     setSizingMethod(null);
     setSizingResult(null);
@@ -34756,6 +35370,7 @@ function PrimeStyleTryonInner({
     }));
     const latestResultImageUrl = resultImageUrlRef.current;
     const durableResultUrl = durableHistoryImageUrl(latestResultImageUrl);
+    const profileDraftSnapshot = buildProfileCompletionDraft(null);
     const entry = {
       id: id2,
       productId,
@@ -34780,6 +35395,7 @@ function PrimeStyleTryonInner({
         sections: sizeGuide.sections,
         sectionImages: sizeGuide.sectionImages
       } : void 0,
+      profileCompletionDraft: profileDraftSnapshot,
       date: Date.now(),
       hasPhoto: hasPhoto || void 0,
       hasResult: latestResultImageUrl ? true : void 0,
@@ -34796,7 +35412,7 @@ function PrimeStyleTryonInner({
       return next;
     });
     return id2;
-  }, [productId, productTitle, effectiveProductUrl, productImage, effectiveProductImages, effectiveProductCarouselItems, resultImageUrl, sizingResult, sizeGuide, activeProfileId, profiles, selectedFile]);
+  }, [productId, productTitle, effectiveProductUrl, productImage, effectiveProductImages, effectiveProductCarouselItems, resultImageUrl, sizingResult, sizeGuide, activeProfileId, profiles, selectedFile, buildProfileCompletionDraft]);
   const persistHistoryResult = reactExports.useCallback((entryId, imageUrl, cleanupWhenIdle) => {
     void (async () => {
       const durableResultUrl = durableHistoryImageUrl(imageUrl);
@@ -34911,6 +35527,33 @@ function PrimeStyleTryonInner({
     );
     setRestoredProductTitle(entry.productTitle || null);
     setRestoredProductUrl(entry.productUrl || null);
+    setRestoredHistoryEntryId(entry.id);
+    if (entry.profileCompletionDraft) {
+      const draft = entry.profileCompletionDraft;
+      const restoredForm = { ...formRef.current };
+      if (draft.gender) restoredForm.gender = draft.gender;
+      if (draft.height != null) restoredForm.height = String(draft.height);
+      if (draft.weight != null) restoredForm.weight = String(draft.weight);
+      if (draft.heightUnit) restoredForm.heightUnit = String(draft.heightUnit);
+      if (draft.weightUnit) restoredForm.weightUnit = String(draft.weightUnit);
+      if (draft.age != null) restoredForm.age = String(draft.age);
+      if (draft.chestProfile) restoredForm.chestProfile = draft.chestProfile;
+      if (draft.midsectionProfile) restoredForm.midsectionProfile = draft.midsectionProfile;
+      if (draft.hipProfile) restoredForm.hipProfile = draft.hipProfile;
+      if (draft.bandSize) restoredForm.bandSize = draft.bandSize;
+      if (draft.cupSize) restoredForm.cupSize = draft.cupSize;
+      if (draft.braSizeRegion) restoredForm.braSizeRegion = draft.braSizeRegion;
+      if (draft.customMeasurements) {
+        for (const [key, value] of Object.entries(draft.customMeasurements)) {
+          restoredForm[key] = String(value);
+        }
+      }
+      formRef.current = restoredForm;
+      setFormGender(restoredForm.gender || "male");
+      if (draft.heightUnit) setHeightUnit(String(draft.heightUnit));
+      if (draft.weightUnit) setWeightUnit(String(draft.weightUnit));
+      if (draft.sizingUnit) setSizingUnit(String(draft.sizingUnit));
+    }
     if (entry.sizingResult) {
       setSizingResult(entry.sizingResult);
     } else if (entry.recommendedSize) {
@@ -35068,6 +35711,7 @@ function PrimeStyleTryonInner({
             basicOnly: false,
             initialStep: bodyProfileInitialStep === "basics" ? "basics" : void 0,
             simplePhotoOnly,
+            simpleAccessoryLayout: measurementType === "body-basic",
             simpleQuestionMode: measurementType === "foot" ? "shoeReference" : "heightWeight",
             formRef,
             sizingCountry,
@@ -35170,6 +35814,12 @@ function PrimeStyleTryonInner({
             setView,
             handleDownload,
             onContinueShopping: handleContinueShopping,
+            isHistoryResult: !!restoredHistoryEntryId,
+            onBackToProductPage: handleBackToProductPage,
+            onAddToBag: onAddToBag ? handleAddToBag : void 0,
+            addToBagLabel,
+            continueShoppingLabel,
+            backToProductPageLabel,
             onTryOnFeedbackSubmit: handleTryOnFeedbackSubmit,
             selectedFile,
             previewUrl,