@primestyleai/tryon 5.10.176 → 5.10.178

package/dist/storefront/primestyle-tryon.js

@@ -9530,6 +9530,25 @@ class ApiClient {
     }
     return res.json();
   }
+  async submitTryOnFeedback(input) {
+    const res = await fetch(`${this.baseUrl}/api/v1/tryon/feedback`, {
+      method: "POST",
+      headers: this.headers,
+      body: JSON.stringify({
+        ...input,
+        sessionId: getOrCreateSessionId(),
+        deviceHint: getDeviceHint()
+      })
+    });
+    if (!res.ok) {
+      const data = await res.json().catch(() => ({}));
+      throw new PrimeStyleError(
+        data.message || "Failed to submit try-on feedback",
+        "API_ERROR"
+      );
+    }
+    return res.json();
+  }
   getStreamUrl() {
     const streamUrl = `${this.baseUrl}/api/v1/tryon/stream`;
     return this.apiKey ? `${streamUrl}?key=${encodeURIComponent(this.apiKey)}` : streamUrl;
@@ -10533,6 +10552,24 @@ function logSizeShown(input) {
     fromCache: input.fromCache
   });
 }
+function logTryOnFeedback(input) {
+  void post("/events/tryon-feedback", {
+    sessionId: getOrCreateSessionId(),
+    deviceHint: getDeviceHint(),
+    jobId: input.jobId,
+    historyEntryId: input.historyEntryId,
+    rating: input.rating,
+    note: input.note,
+    productId: input.productId,
+    productTitle: input.productTitle,
+    productUrl: input.productUrl,
+    recommendedSize: input.recommendedSize,
+    profileLoggedIn: input.profileLoggedIn,
+    profileId: input.profileId,
+    profileName: input.profileName,
+    profileAccessToken: input.profileAccessToken
+  });
+}
 const ATTR_KEY = "ps_session";
 const PROXY_BASE = "/apps/primestyle";
 const CART_ADD_ENDPOINTS = ["/cart/add.js", "/cart/add"];
@@ -12084,9 +12121,22 @@ const STYLES$1 = `
 
   /* ═══════════ V2 Redesign — Editorial luxury ═══════════ */
   .ps-tryon-v2 {
-    display: flex; gap: 1.2vw; flex: 1; min-height: 0;
+    display: flex; align-items: stretch; gap: 1.2vw; flex: 1 1 auto; min-height: 0;
     height: 100%; overflow: hidden;
   }
+  .ps-tryon-v2-media-stack {
+    flex: 0 0 43%;
+    min-width: 0;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 0.45vw;
+  }
+  .ps-tryon-v2-media-stack .ps-tryon-v2-bg {
+    flex: 1 1 auto;
+    width: 100%;
+    min-height: 0;
+  }
 
   /* Left image column — proper contained display.
      No background — the product/try-on image sits directly on the modal
@@ -12112,12 +12162,43 @@ const STYLES$1 = `
 
   /* Right form panel */
   .ps-tryon-v2-panel {
-    flex: 1; min-width: 0;
+    flex: 1 1 0; min-width: 0; min-height: 0;
     display: flex; flex-direction: column;
     padding: 0.2vw 0;
     justify-content: center;
     animation: ps-v2-fade 0.18s ease-out forwards;
   }
+  .ps-tryon-v2-result-panel {
+    align-self: stretch;
+    height: 100%;
+    justify-content: flex-start;
+    gap: 0.55vw;
+    padding-bottom: clamp(8px, 0.72vw, 14px);
+  }
+  .ps-tryon-v2-result-panel .ps-tryon-v2-sep {
+    margin-bottom: 0;
+  }
+  .ps-tryon-v2-result-panel .ps-tryon-sr-cards-v2 {
+    flex: 0 0 auto;
+    min-height: 0;
+  }
+  .ps-tryon-v2-result-panel .ps-tryon-photo-strip {
+    flex: 0 1 auto;
+    min-height: 0;
+  }
+  .ps-tryon-v2-result-panel .ps-tryon-sr-card-v2 {
+    min-height: 10.5vw;
+  }
+  .ps-tryon-v2-result-actions {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: auto;
+    padding-top: clamp(8px, 0.65vw, 12px);
+    padding-bottom: 0;
+    gap: 0.5vw;
+    flex-shrink: 0;
+  }
   @keyframes ps-v2-fade {
     0% { opacity: 0; }
     100% { opacity: 1; }
@@ -14253,10 +14334,20 @@ const STYLES$1 = `
     stroke: var(--ps-accent);
     transform: translateY(-1px);
   }
+  .ps-tryon-feedback-star:disabled {
+    cursor: default;
+  }
+  .ps-tryon-feedback-form {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
+    gap: 6px;
+    align-items: end;
+  }
   .ps-tryon-feedback-note {
     width: 100%;
     min-width: 0;
-    height: clamp(26px, 1.55vw, 32px);
+    min-height: clamp(30px, 1.75vw, 36px);
+    max-height: 78px;
     border: 1px solid #e6eaf2;
     border-radius: clamp(6px, 0.36vw, 8px);
     background: rgba(248, 250, 252, 0.88);
@@ -14264,9 +14355,12 @@ const STYLES$1 = `
     font-family: inherit;
     font-size: clamp(10px, 0.58vw, 12px);
     font-weight: 600;
-    padding: 0 clamp(8px, 0.5vw, 10px);
+    line-height: 1.35;
+    padding: clamp(7px, 0.42vw, 9px) clamp(8px, 0.5vw, 10px);
     outline: none;
     box-sizing: border-box;
+    resize: none;
+    overflow-y: auto;
   }
   .ps-tryon-feedback-note::placeholder {
     color: #94a3b8;
@@ -14276,6 +14370,67 @@ const STYLES$1 = `
     border-color: rgba(33,84,239,0.45);
     box-shadow: 0 0 0 3px rgba(33,84,239,0.1);
   }
+  .ps-tryon-feedback-note:disabled {
+    color: #64748b;
+    background: rgba(248, 250, 252, 0.62);
+    cursor: default;
+  }
+  .ps-tryon-feedback-submit {
+    min-height: clamp(30px, 1.75vw, 36px);
+    padding: 0 clamp(9px, 0.55vw, 12px);
+    border: 0;
+    border-radius: clamp(6px, 0.36vw, 8px);
+    background: var(--ps-accent);
+    color: #fff;
+    font-family: inherit;
+    font-size: clamp(10px, 0.56vw, 12px);
+    font-weight: 800;
+    cursor: pointer;
+    white-space: nowrap;
+  }
+  .ps-tryon-feedback-submit:disabled {
+    opacity: 0.48;
+    cursor: default;
+  }
+  .ps-tryon-feedback-status {
+    color: #dc2626;
+    font-size: clamp(10px, 0.56vw, 12px);
+    font-weight: 700;
+    line-height: 1.2;
+  }
+  .ps-result-image-action-bar {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    gap: clamp(6px, 0.38vw, 9px);
+    flex-wrap: wrap;
+  }
+  .ps-result-image-action {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: clamp(5px, 0.32vw, 7px);
+    min-height: clamp(30px, 1.75vw, 36px);
+    padding: 0 clamp(10px, 0.65vw, 14px);
+    border-radius: clamp(7px, 0.42vw, 9px);
+    border: 1px solid rgba(226, 232, 240, 0.92);
+    background: #fff;
+    color: var(--ps-text-primary);
+    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
+    font-family: inherit;
+    font-size: clamp(10px, 0.58vw, 12px);
+    font-weight: 800;
+    cursor: pointer;
+    white-space: nowrap;
+  }
+  .ps-result-image-action:hover {
+    border-color: rgba(33,84,239,0.34);
+    color: var(--ps-accent);
+  }
+  .ps-result-image-action svg {
+    flex: 0 0 auto;
+  }
   .ps-tryon-sr-glass-btn {
     background: rgba(255,255,255,0.9); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
     border: 1px solid var(--ps-border-color); border-radius: 0.45vw;
@@ -14571,6 +14726,16 @@ const STYLES$1 = `
     box-sizing: border-box;
   }
   .ps-tryon-drawer-open { transform: translateX(0); }
+  .ps-tryon-history-drawer {
+    inset: 0;
+    height: 100%;
+    min-height: 0;
+    padding: 1.04vw 1.25vw;
+    border-radius: 0;
+    transform: translateY(100%);
+    box-shadow: none;
+  }
+  .ps-tryon-history-drawer.ps-tryon-drawer-open { transform: translateY(0); }
   .ps-tryon-drawer-header { display: flex; align-items: center; gap: 0.52vw; padding-bottom: 0.73vw; margin-bottom: 0.73vw; border-bottom: 1px solid var(--ps-border-color); }
   .ps-tryon-drawer-back {
     width: 1.67vw; height: 1.67vw; display: flex; align-items: center; justify-content: center;
@@ -14586,6 +14751,15 @@ const STYLES$1 = `
     font-family: inherit; transition: all 0.2s; flex-shrink: 0; line-height: 1;
   }
   .ps-tryon-drawer-add-btn:hover { border-color: var(--ps-accent); background: rgba(33,84,239,0.1); }
+  .ps-tryon-drawer-close {
+    width: 1.67vw; height: 1.67vw; display: flex; align-items: center; justify-content: center;
+    border: 1.5px solid var(--ps-border-color); border-radius: 0.52vw; background: transparent;
+    cursor: pointer; color: var(--ps-text-secondary); transition: all 0.2s; flex-shrink: 0;
+  }
+  .ps-tryon-drawer-close svg {
+    width: 0.85vw; height: 0.85vw; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round;
+  }
+  .ps-tryon-drawer-close:hover { border-color: var(--ps-accent); color: var(--ps-accent); }
   .ps-tryon-drawer-list { display: flex; flex-direction: column; gap: 0.52vw; max-width: 100%; overflow-x: hidden; }
   .ps-tryon-drawer-empty { text-align: center; padding: 1.67vw 0.83vw; color: var(--ps-text-muted); font-size: 0.73vw; }
 
@@ -14653,6 +14827,101 @@ const STYLES$1 = `
     background: rgba(33,84,239,0.12); border: 1px solid rgba(33,84,239,0.25);
     border-radius: 0.25vw; padding: 0.1vw 0.35vw; margin-top: 0.25vw;
   }
+  .ps-tryon-history-gallery {
+    display: grid;
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+    gap: 0.72vw;
+  }
+  .ps-tryon-history-card {
+    position: relative;
+    min-width: 0;
+  }
+  .ps-tryon-history-card-main {
+    width: 100%;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 0.34vw;
+    padding: 0;
+    border: 0;
+    background: transparent;
+    color: inherit;
+    font-family: inherit;
+    text-align: left;
+    cursor: pointer;
+  }
+  .ps-tryon-history-card-media {
+    position: relative;
+    width: 100%;
+    aspect-ratio: 3 / 4;
+    border-radius: 0.72vw;
+    overflow: hidden;
+    background: #f4f5f7;
+    border: 1px solid rgba(226, 232, 240, 0.86);
+    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
+  }
+  .ps-tryon-history-card-img,
+  .ps-tryon-history-card-placeholder {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    object-position: center top;
+    display: block;
+  }
+  .ps-tryon-history-card-placeholder {
+    background: linear-gradient(135deg, rgba(241,245,249,1), rgba(226,232,240,0.7));
+  }
+  .ps-tryon-history-card-product {
+    position: absolute;
+    right: 0.42vw;
+    bottom: 0.42vw;
+    width: 28%;
+    aspect-ratio: 1 / 1;
+    border-radius: 0.42vw;
+    object-fit: cover;
+    background: #fff;
+    border: 1px solid rgba(226, 232, 240, 0.92);
+    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.14);
+  }
+  .ps-tryon-history-card-title {
+    color: var(--ps-text-primary);
+    font-size: 0.66vw;
+    font-weight: 750;
+    line-height: 1.25;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .ps-tryon-history-card-meta,
+  .ps-tryon-history-card-sections {
+    color: var(--ps-text-muted);
+    font-size: 0.54vw;
+    font-weight: 600;
+    line-height: 1.2;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .ps-tryon-history-card-size {
+    align-self: flex-start;
+    color: var(--ps-accent);
+    background: rgba(33,84,239,0.1);
+    border: 1px solid rgba(33,84,239,0.2);
+    border-radius: 999px;
+    padding: 0.14vw 0.45vw;
+    font-size: 0.52vw;
+    font-weight: 800;
+  }
+  .ps-tryon-history-delete.ps-card-delete {
+    position: absolute;
+    top: 0.42vw;
+    right: 0.42vw;
+    width: 1.5vw;
+    height: 1.5vw;
+    border-radius: 999px;
+    background: rgba(255,255,255,0.9);
+    box-shadow: 0 8px 18px rgba(15,23,42,0.12);
+  }
 
   /* Quiz view */
   .ps-tryon-quiz-progress { display: flex; gap: 0.4vw; margin-bottom: 1vw; }
@@ -14740,6 +15009,12 @@ const STYLES$1 = `
      ────────────────────────────────────────────────────────────────── */
   @media (max-width: 768px) {
     .ps-tryon-drawer { padding: 16px 14px; }
+    .ps-tryon-history-drawer {
+      height: 100%;
+      min-height: 0;
+      padding: 16px 14px;
+      border-radius: 0;
+    }
     .ps-tryon-drawer-header { gap: 10px; padding-bottom: 12px; margin-bottom: 12px; }
     .ps-tryon-drawer-back {
       width: 36px; height: 36px; border-radius: 8px;
@@ -14749,6 +15024,10 @@ const STYLES$1 = `
     .ps-tryon-drawer-add-btn {
       width: 32px; height: 32px; border-radius: 8px; font-size: 20px;
     }
+    .ps-tryon-drawer-close {
+      width: 36px; height: 36px; border-radius: 8px;
+    }
+    .ps-tryon-drawer-close svg { width: 18px; height: 18px; }
     .ps-tryon-drawer-list { gap: 10px; }
     .ps-tryon-drawer-empty { padding: 32px 16px; font-size: 14px; }
 
@@ -14800,6 +15079,36 @@ const STYLES$1 = `
       width: 32px; height: 32px; border-radius: 6px;
     }
     .ps-tryon-history-delete svg { width: 16px; height: 16px; }
+    .ps-tryon-history-gallery {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+      gap: 12px;
+    }
+    .ps-tryon-history-card-media {
+      border-radius: 12px;
+    }
+    .ps-tryon-history-card-product {
+      right: 7px;
+      bottom: 7px;
+      border-radius: 8px;
+    }
+    .ps-tryon-history-card-title {
+      font-size: 13px;
+    }
+    .ps-tryon-history-card-meta,
+    .ps-tryon-history-card-sections {
+      font-size: 11px;
+    }
+    .ps-tryon-history-card-size {
+      padding: 3px 8px;
+      font-size: 10px;
+    }
+    .ps-tryon-history-delete.ps-card-delete {
+      top: 7px;
+      right: 7px;
+      width: 30px;
+      height: 30px;
+      border-radius: 999px;
+    }
   }
 
   /* Profile detail modal — portaled to body, sits ABOVE the main modal
@@ -15835,9 +16144,15 @@ const STYLES$1 = `
       margin: 0; text-align: center;
       font-size: 13px; color: var(--ps-text-muted);
     }
-    .ps-bp-scan-details-center .ps-bp-system-toggle { align-self: center; }
+    .ps-bp-scan-details-center .ps-bp-system-toggle {
+      align-self: center;
+    }
+    .ps-bp-scan-details-center:not(.ps-shoe-scan-details) .ps-bp-system-toggle {
+      margin-top: clamp(34px, 7vh, 78px) !important;
+      margin-bottom: clamp(10px, 2.4vh, 28px) !important;
+    }
     .ps-bp-scan-details-center .ps-bp-inline-fields {
-      max-width: 360px; width: 100%; margin: 4px auto 0;
+      max-width: 360px; width: 100%; margin: 0 auto;
     }
     .ps-shoe-scan-details {
       justify-content: flex-start !important;
@@ -17344,10 +17659,32 @@ const STYLES$1 = `
     .ps-tryon-feedback-title { font-size: 11px; }
     .ps-tryon-feedback-star { width: 18px; height: 18px; }
     .ps-tryon-feedback-note {
-      height: 30px;
+      min-height: 34px;
+      max-height: 86px;
+      border-radius: 8px;
+      font-size: 11px;
+    }
+    .ps-tryon-feedback-form {
+      gap: 6px;
+    }
+    .ps-tryon-feedback-submit {
+      min-height: 34px;
+      padding: 0 10px;
       border-radius: 8px;
       font-size: 11px;
     }
+    .ps-result-image-action-bar {
+      max-width: 360px;
+      justify-content: flex-start;
+      gap: 7px;
+    }
+    .ps-result-image-action {
+      min-height: 34px;
+      padding: 0 11px;
+      border-radius: 10px;
+      font-size: 11px;
+      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
+    }
   }
   .ps-msr-product-img-wrap {
     position: relative; flex-shrink: 0;
@@ -17390,7 +17727,7 @@ const STYLES$1 = `
   .ps-msr-feedback-slot {
     position: absolute;
     left: 10px;
-    bottom: 54px;
+    bottom: 10px;
     z-index: 3;
   }
   .ps-msr-media-btn {
@@ -17700,7 +18037,7 @@ const STYLES$1 = `
     flex: 1; min-height: 0;
     overflow-y: auto; -webkit-overflow-scrolling: touch;
     display: flex; flex-direction: column;
-    gap: 18px; padding: 8px 16px 32px;
+    gap: 18px; padding: 8px 16px 18px;
   }
   /* Topbar: back arrow + section name in uppercase */
   .ps-msd-topbar {
@@ -19691,6 +20028,55 @@ const STYLES$1 = `
     object-fit: contain; display: block;
   }
 
+  .ps-msd-actions {
+    position: sticky;
+    bottom: -1px;
+    z-index: 5;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    flex-shrink: 0;
+    margin: auto -16px -18px;
+    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
+    background: rgba(255,255,255,0.96);
+    border-top: 1px solid var(--ps-border-subtle);
+    backdrop-filter: blur(10px);
+    -webkit-backdrop-filter: blur(10px);
+  }
+  .ps-msd-action-back {
+    flex: 0 0 auto;
+    font-size: 13px !important;
+    padding: 10px 6px !important;
+  }
+  .ps-msd-primary-cta {
+    flex: 1 1 0;
+    min-width: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 6px;
+    padding: 12px 16px;
+    border: 0;
+    border-radius: 10px;
+    background: var(--ps-accent);
+    color: #fff;
+    font-family: inherit;
+    font-size: 14px;
+    font-weight: 700;
+    cursor: pointer;
+    white-space: nowrap;
+  }
+  .ps-msd-primary-cta.ps-compact {
+    flex: 0 0 auto;
+    min-width: 88px;
+    padding: 10px 14px;
+    font-size: 13px;
+  }
+  .ps-msd-primary-cta:disabled {
+    opacity: 0.6;
+    cursor: default;
+  }
+
   /* RECOMMENDED SIZE card */
   .ps-msd-card {
     background: var(--ps-bg-primary);
@@ -20984,7 +21370,7 @@ function ProfileEditView({
     ] })
   ] });
 }
-function HistoryResultThumb({ entry }) {
+function HistoryResultThumb({ entry, className = "ps-tryon-history-result-img" }) {
   const [blobUrl, setBlobUrl] = reactExports.useState(null);
   reactExports.useEffect(() => {
     let alive = true;
@@ -21003,7 +21389,7 @@ function HistoryResultThumb({ entry }) {
   }, [entry.id, entry.hasResult, entry.resultImageUrl]);
   const src = entry.resultImageUrl || blobUrl;
   if (!src) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src, alt: "", className: "ps-tryon-history-result-img" });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src, alt: "", className });
 }
 function DrawerPanel({
   drawer,
@@ -21028,14 +21414,15 @@ function DrawerPanel({
     setProfiles((prev) => [newProfile, ...prev]);
     setCreatingProfile(false);
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `ps-tryon-drawer${drawer ? " ps-tryon-drawer-open" : ""}`, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `ps-tryon-drawer${drawer ? " ps-tryon-drawer-open" : ""}${drawer === "history" ? " ps-tryon-history-drawer" : ""}`, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-drawer-header", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ps-tryon-drawer-back", onClick: () => {
         setCreatingProfile(false);
         setDrawer(null);
       }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowLeftIcon, {}) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-drawer-title", children: creatingProfile ? t2("New Profile") : drawer === "profiles" ? t2("My Profiles") : t2("History") }),
-      drawer === "profiles" && !creatingProfile && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ps-tryon-drawer-add-btn", onClick: () => setCreatingProfile(true), children: "+" })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-drawer-title", children: creatingProfile ? t2("New Profile") : drawer === "profiles" ? t2("My Profiles") : t2("Your try-on history") }),
+      drawer === "profiles" && !creatingProfile && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ps-tryon-drawer-add-btn", onClick: () => setCreatingProfile(true), children: "+" }),
+      drawer === "history" && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ps-tryon-drawer-close", onClick: () => setDrawer(null), "aria-label": t2("Close"), children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M6 6l12 12M18 6L6 18" }) }) })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-drawer-list", children: drawer === "profiles" && creatingProfile ? /* @__PURE__ */ jsxRuntimeExports.jsx(ProfileEditView, { onSave: handleCreateProfile, onCancel: () => setCreatingProfile(false), t: t2 }) : drawer === "profiles" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "ps-tryon-drawer-create", onClick: () => setCreatingProfile(true), children: [
@@ -21057,33 +21444,25 @@ function DrawerPanel({
         /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRightIcon, {})
       ] }, p2.id))
     ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: history.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-drawer-empty", children: t2("No history yet.") }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      history.map((entry, idx) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-history-item ps-tryon-history-clickable", onClick: () => restoreHistory(entry), children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-history-images", children: [
-          entry.productImage && /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: entry.productImage, alt: "", className: "ps-tryon-history-thumb" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(HistoryResultThumb, { entry })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-history-info", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-history-product", children: entry.productTitle || t2("Product") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-history-meta", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-history-gallery", children: history.map((entry, idx) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-history-card", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: "ps-tryon-history-card-main", onClick: () => restoreHistory(entry), children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-history-card-media", children: [
+            entry.resultImageUrl || entry.hasResult ? /* @__PURE__ */ jsxRuntimeExports.jsx(HistoryResultThumb, { entry, className: "ps-tryon-history-card-img" }) : entry.productImage ? /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: entry.productImage, alt: "", className: "ps-tryon-history-card-img" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-history-card-placeholder" }),
+            entry.productImage && /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: entry.productImage, alt: "", className: "ps-tryon-history-card-product" })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-history-card-title", children: entry.productTitle || t2("Product") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ps-tryon-history-card-meta", children: [
             entry.profileName ? `${entry.profileName} · ` : "",
             new Date(entry.date).toLocaleDateString()
           ] }),
-          entry.recommendedSize && !isMultiSection(entry) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-history-sizing", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-history-size-badge", children: entry.recommendedSize }),
-            entry.reasoning && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-history-sizing-reason", children: entry.reasoning })
-          ] }),
-          isMultiSection(entry) && entry.sizingResult?.sections && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-history-sections", children: Object.entries(entry.sizingResult.sections).map(([name, sec]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ps-tryon-history-section-chip", children: [
-            name,
-            ": ",
-            sec.recommendedSize
-          ] }, name)) }),
-          (entry.resultImageUrl || entry.hasResult) && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-history-tryon-badge", children: t2("Try-on") })
+          entry.recommendedSize && !isMultiSection(entry) && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-history-card-size", children: entry.recommendedSize }),
+          isMultiSection(entry) && entry.sizingResult?.sections && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-history-card-sections", children: Object.entries(entry.sizingResult.sections).slice(0, 3).map(([name, sec]) => `${name}: ${sec.recommendedSize}`).join(" / ") })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ps-tryon-history-delete", onClick: (e) => {
+        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ps-tryon-history-delete ps-card-delete", onClick: (e) => {
           e.stopPropagation();
           setHistory((prev) => prev.filter((_, i) => i !== idx));
-        }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(TrashIcon, {}) })
-      ] }, entry.id)),
+        }, "aria-label": t2("Delete"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(TrashIcon, {}) })
+      ] }, entry.id)) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ps-tryon-drawer-clear", onClick: () => setHistory([]), children: t2("Clear All") })
     ] }) }) })
   ] });
@@ -21735,29 +22114,6 @@ function CameraIcon() {
     /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "12", cy: "13", r: "4" })
   ] });
 }
-function FitLinesIcon() {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "4", y1: "9", x2: "20", y2: "9" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "4", y1: "15", x2: "20", y2: "15" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "7", cy: "9", r: "2" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "17", cy: "15", r: "2" })
-  ] });
-}
-function FullSizeIcon() {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M8 3H5a2 2 0 0 0-2 2v3" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M16 3h3a2 2 0 0 1 2 2v3" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M8 21H5a2 2 0 0 1-2-2v-3" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
-  ] });
-}
-function DownloadIcon() {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M7 10l5 5 5-5" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M12 15V3" })
-  ] });
-}
 function MultiSectionMobile({
   productImage,
   productTitle,
@@ -21778,6 +22134,8 @@ function MultiSectionMobile({
   onToggleLines,
   onOpenImage,
   onDownload,
+  imageActionBar,
+  feedbackSlot,
   onImageLoad,
   profileCompletionCta,
   t: t2
@@ -21788,6 +22146,7 @@ function MultiSectionMobile({
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msr-scroll", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-msr-eyebrow", children: t2("Sizing Profile") }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msr-product", children: [
+        showingTryOn && imageActionBar,
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `ps-msr-product-img-wrap${showingTryOn ? " ps-tryon" : ""}`, children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "img",
@@ -21802,29 +22161,7 @@ function MultiSectionMobile({
           ),
           showLines && overlayNode,
           tryOnProcessing && tryOnStartedAt != null && /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnGenerationBadge, { tryOnStartedAt, t: t2 }),
-          showingTryOn && onToggleLines && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "button",
-            {
-              type: "button",
-              className: "ps-msr-fit-toggle",
-              onClick: onToggleLines,
-              "aria-pressed": !!showLines,
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(FitLinesIcon, {}),
-                showLines ? t2("Hide Fit") : t2("Show Fit")
-              ]
-            }
-          ),
-          showingTryOn && (onOpenImage || onDownload) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msr-media-actions", children: [
-            onOpenImage && /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: "ps-msr-media-btn", onClick: onOpenImage, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(FullSizeIcon, {}),
-              t2("Full Size")
-            ] }),
-            onDownload && /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: "ps-msr-media-btn", onClick: onDownload, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(DownloadIcon, {}),
-              t2("Download")
-            ] })
-          ] })
+          showingTryOn && feedbackSlot
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "ps-msr-product-name", children: productTitle })
       ] }),
@@ -22035,10 +22372,36 @@ function ProfileCompletionCta({
     }
   );
 }
-function TryOnExperienceFeedback({ t: t2, isMobile }) {
+function TryOnExperienceFeedback({
+  t: t2,
+  isMobile,
+  onSubmit
+}) {
   const [rating, setRating] = reactExports.useState(0);
   const [note, setNote] = reactExports.useState("");
   const [expanded, setExpanded] = reactExports.useState(false);
+  const [status, setStatus] = reactExports.useState("idle");
+  const noteRef = reactExports.useRef(null);
+  const canEdit = status !== "submitting" && status !== "sent";
+  const canSubmit = (rating > 0 || note.trim().length > 0) && canEdit;
+  const resizeNote = reactExports.useCallback((node) => {
+    if (!node) return;
+    node.style.height = "auto";
+    node.style.height = `${Math.min(node.scrollHeight, isMobile ? 86 : 78)}px`;
+  }, [isMobile]);
+  reactExports.useEffect(() => {
+    resizeNote(noteRef.current);
+  }, [note, resizeNote]);
+  const submitFeedback = reactExports.useCallback(async () => {
+    if (!canSubmit) return;
+    setStatus("submitting");
+    try {
+      await onSubmit?.({ rating: rating || void 0, note: note.trim() || void 0 });
+      setStatus("sent");
+    } catch {
+      setStatus("error");
+    }
+  }, [canSubmit, note, onSubmit, rating]);
   if (!expanded) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "button",
@@ -22072,7 +22435,12 @@ function TryOnExperienceFeedback({ t: t2, isMobile }) {
         {
           type: "button",
           className: `ps-tryon-feedback-star${value <= rating ? " is-active" : ""}`,
-          onClick: () => setRating(value),
+          onClick: () => {
+            if (!canEdit) return;
+            setRating(value);
+            setStatus("idle");
+          },
+          disabled: !canEdit,
           role: "radio",
           "aria-checked": rating === value,
           "aria-label": `${value} ${t2("stars")}`,
@@ -22081,16 +22449,76 @@ function TryOnExperienceFeedback({ t: t2, isMobile }) {
         value
       )) })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "input",
-      {
-        className: "ps-tryon-feedback-note",
-        value: note,
-        onChange: (event) => setNote(event.target.value),
-        placeholder: t2("Optional note"),
-        maxLength: 120
-      }
-    )
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-feedback-form", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "textarea",
+        {
+          ref: noteRef,
+          className: "ps-tryon-feedback-note",
+          value: note,
+          onChange: (event) => {
+            if (!canEdit) return;
+            setNote(event.target.value);
+            setStatus("idle");
+            resizeNote(event.currentTarget);
+          },
+          disabled: !canEdit,
+          placeholder: t2("Optional note"),
+          maxLength: 1e3,
+          rows: 1
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          className: "ps-tryon-feedback-submit",
+          onClick: submitFeedback,
+          disabled: !canSubmit,
+          "aria-label": t2("Send feedback"),
+          children: status === "submitting" ? t2("Sending") : status === "sent" ? t2("Sent") : t2("Send")
+        }
+      )
+    ] }),
+    status === "error" && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-feedback-status", children: t2("Couldn't send. Try again.") })
+  ] });
+}
+function ResultImageActionBar({
+  showLines,
+  canShowFit,
+  onToggleFit,
+  onOpenImage,
+  onDownload,
+  t: t2
+}) {
+  if (!canShowFit && !onOpenImage && !onDownload) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-result-image-action-bar", children: [
+    canShowFit && onToggleFit && /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: "ps-result-image-action", onClick: onToggleFit, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "4", y1: "9", x2: "20", y2: "9" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "4", y1: "15", x2: "20", y2: "15" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "7", cy: "9", r: "2" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "17", cy: "15", r: "2" })
+      ] }),
+      showLines ? t2("Hide Fit") : t2("Show Fit")
+    ] }),
+    onOpenImage && /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: "ps-result-image-action", onClick: onOpenImage, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.3", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M8 3H5a2 2 0 0 0-2 2v3" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M16 3h3a2 2 0 0 1 2 2v3" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M8 21H5a2 2 0 0 1-2-2v-3" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
+      ] }),
+      t2("Full Size")
+    ] }),
+    onDownload && /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: "ps-result-image-action", onClick: onDownload, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.3", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M7 10l5 5 5-5" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M12 15V3" })
+      ] }),
+      t2("Download")
+    ] })
   ] });
 }
 function garmentIconForSection(name) {
@@ -22617,12 +23045,14 @@ function SectionDetailView({
   onImageLoad,
   onOpenImage,
   onDownload,
+  onFeedbackSubmit,
   onTryOn,
   tryOnProcessing,
   tryOnStartedAt,
   backLabel,
   internationalSizes,
   continueLabel,
+  onContinue,
   renderRaw = false,
   sectionFound,
   allSizes,
@@ -22899,14 +23329,19 @@ function SectionDetailView({
     });
     return isFootwear ? rows.filter((row) => isFootLengthMeasurement(row.area)) : rows;
   }, [sectionResult, lengthEntry, userMeasurements, renderRaw, allSizes, displaySize, selectedLength, isFootwear]);
+  const activeFitKeyRef = reactExports.useRef("");
   reactExports.useEffect(() => {
     if (!onActiveFitChange) return;
-    onActiveFitChange(fitRows.map((r2) => ({
+    const nextRows = fitRows.map((r2) => ({
       area: r2.area,
       userNum: r2.userNum ?? 0,
       chartLabel: r2.chartLabel ?? "",
       fit: r2.fit ?? "good"
-    })));
+    }));
+    const nextKey = JSON.stringify(nextRows);
+    if (activeFitKeyRef.current === nextKey) return;
+    activeFitKeyRef.current = nextKey;
+    onActiveFitChange(nextRows);
   }, [fitRows, onActiveFitChange]);
   const allowsLengthDisplay = !renderRaw && !isFootwear;
   const secAny = sectionResult;
@@ -23048,62 +23483,38 @@ function SectionDetailView({
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-msd-topbar-spacer" })
       ] }),
-      productImage && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `ps-msd-image${isTryOnImage ? " ps-tryon" : ""}`, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "img",
-          {
-            src: productImage,
-            alt: productTitle || "",
-            className: "ps-msd-image-img",
-            onLoad: onImageLoad,
-            onClick: isTryOnImage && onOpenImage ? onOpenImage : void 0,
-            style: isTryOnImage && onOpenImage ? { cursor: "zoom-in" } : void 0
-          }
-        ),
-        showLines && (renderOverlayWithFit ? renderOverlayWithFit(fitRows.map((r2) => ({
-          area: r2.area,
-          userNum: r2.userNum ?? 0,
-          chartLabel: r2.chartLabel ?? "",
-          fit: r2.fit ?? "good"
-        }))) : overlayNode),
-        tryOnProcessing && tryOnStartedAt != null && /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnGenerationBadge, { tryOnStartedAt, t: t2 }),
-        isTryOnImage && !isFootwear && onToggleLines && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "button",
+      productImage && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        isTryOnImage && !tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ResultImageActionBar,
           {
-            type: "button",
-            className: "ps-msr-fit-toggle",
-            onClick: onToggleLines,
-            "aria-pressed": !!showLines,
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "4", y1: "9", x2: "20", y2: "9" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "4", y1: "15", x2: "20", y2: "15" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "7", cy: "9", r: "2" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "17", cy: "15", r: "2" })
-              ] }),
-              showLines ? t2("Hide Fit") : t2("Show Fit")
-            ]
+            showLines: !!showLines,
+            canShowFit: !isFootwear && !!onToggleLines,
+            onToggleFit: onToggleLines,
+            onOpenImage,
+            onDownload,
+            t: t2
           }
         ),
-        isTryOnImage && !tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-msr-feedback-slot", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnExperienceFeedback, { t: t2, isMobile: true }) }),
-        isTryOnImage && (onOpenImage || onDownload) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msr-media-actions", children: [
-          onOpenImage && /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: "ps-msr-media-btn", onClick: onOpenImage, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M8 3H5a2 2 0 0 0-2 2v3" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M16 3h3a2 2 0 0 1 2 2v3" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M8 21H5a2 2 0 0 1-2-2v-3" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
-            ] }),
-            t2("Full Size")
-          ] }),
-          onDownload && /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: "ps-msr-media-btn", onClick: onDownload, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M7 10l5 5 5-5" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M12 15V3" })
-            ] }),
-            t2("Download")
-          ] })
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `ps-msd-image${isTryOnImage ? " ps-tryon" : ""}`, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "img",
+            {
+              src: productImage,
+              alt: productTitle || "",
+              className: "ps-msd-image-img",
+              onLoad: onImageLoad,
+              onClick: isTryOnImage && onOpenImage ? onOpenImage : void 0,
+              style: isTryOnImage && onOpenImage ? { cursor: "zoom-in" } : void 0
+            }
+          ),
+          showLines && (renderOverlayWithFit ? renderOverlayWithFit(fitRows.map((r2) => ({
+            area: r2.area,
+            userNum: r2.userNum ?? 0,
+            chartLabel: r2.chartLabel ?? "",
+            fit: r2.fit ?? "good"
+          }))) : overlayNode),
+          tryOnProcessing && tryOnStartedAt != null && /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnGenerationBadge, { tryOnStartedAt, t: t2 }),
+          isTryOnImage && !tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-msr-feedback-slot", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnExperienceFeedback, { t: t2, isMobile: true, onSubmit: onFeedbackSubmit }) })
         ] })
       ] }),
       false,
@@ -23268,14 +23679,13 @@ function SectionDetailView({
         t2("based on your measurements and the garment's tailoring chart.")
       ] }) }),
       profileCompletionCta && /* @__PURE__ */ jsxRuntimeExports.jsx(ProfileCompletionCta, { onClick: profileCompletionCta.onClick, isMobile: true, t: t2 }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", gap: 10, padding: "12px 0 4px", flexShrink: 0, alignItems: "center" }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msd-actions", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "button",
           {
             type: "button",
-            className: "ps-bp-back-btn",
+            className: "ps-bp-back-btn ps-msd-action-back",
             onClick: onBack,
-            style: { fontSize: 13, padding: "10px 6px", flexShrink: 0 },
             children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-back-arrow", children: "←" }),
               " ",
@@ -23289,25 +23699,7 @@ function SectionDetailView({
             type: "button",
             onClick: onTryOn,
             disabled: tryOnProcessing,
-            style: {
-              flex: "1 1 0",
-              minWidth: 0,
-              padding: "12px 16px",
-              borderRadius: 10,
-              background: "var(--ps-accent)",
-              color: "white",
-              border: "none",
-              fontSize: 14,
-              fontWeight: 700,
-              fontFamily: "inherit",
-              cursor: tryOnProcessing ? "default" : "pointer",
-              opacity: tryOnProcessing ? 0.6 : 1,
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              gap: 6,
-              whiteSpace: "nowrap"
-            },
+            className: "ps-msd-primary-cta",
             children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(CameraIcon$1, { size: 14 }),
               tryOnProcessing ? `${t2("Generating try-on…")}${tryOnElapsedS > 0 ? ` ${tryOnElapsedS}s` : ""}` : t2("Try It On")
@@ -23318,24 +23710,7 @@ function SectionDetailView({
           {
             type: "button",
             onClick: onBack,
-            style: {
-              flex: isCompactMobileContinue ? "0 0 auto" : "1 1 0",
-              minWidth: isCompactMobileContinue ? 88 : 0,
-              padding: isCompactMobileContinue ? "10px 14px" : "12px 16px",
-              borderRadius: 10,
-              background: "var(--ps-accent)",
-              color: "white",
-              border: "none",
-              fontSize: isCompactMobileContinue ? 13 : 14,
-              fontWeight: 700,
-              fontFamily: "inherit",
-              cursor: "pointer",
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              gap: 6,
-              whiteSpace: "nowrap"
-            },
+            className: `ps-msd-primary-cta${isCompactMobileContinue ? " ps-compact" : ""}`,
             children: [
               continueLabel || t2("Continue"),
               " →"
@@ -23558,7 +23933,7 @@ function SectionDetailView({
       ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "button",
         {
-          onClick: onBack,
+          onClick: continueLabel ? onContinue || onBack : onBack,
           style: {
             padding: "0.45vw 1.2vw",
             borderRadius: "0.4vw",
@@ -23594,11 +23969,14 @@ function SizeResultView({
   productImages,
   productCarouselItems,
   productTitle,
+  productUrl,
   productMaterial,
   productDescription,
   sizingUnit,
   setView,
   handleDownload,
+  onContinueShopping,
+  onTryOnFeedbackSubmit,
   selectedFile,
   previewUrl,
   handleFileSelect,
@@ -24117,6 +24495,7 @@ 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,
                   internationalSizes: entry.secResult?.internationalSizes,
                   productImage: tryOnProcessing && previewUrl ? previewUrl : resultImageUrl || productImage,
                   productTitle,
@@ -24128,6 +24507,7 @@ function SizeResultView({
                   onToggleLines: suppressFitOverlayActions ? void 0 : () => setShowLines(!showLines),
                   onOpenImage: resultImageUrl && !tryOnProcessing ? () => setZoomImageUrl(resultImageUrl) : void 0,
                   onDownload: resultImageUrl && !tryOnProcessing ? handleDownload : void 0,
+                  onFeedbackSubmit: onTryOnFeedbackSubmit,
                   onImageLoad: handleImgLoad,
                   overlayNode: tryOnProcessing ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnGenerationBadge, { tryOnStartedAt: tryOnStartedAt ?? null, t: t2 }),
@@ -24166,20 +24546,34 @@ function SizeResultView({
             ] });
           }
           return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-bg", style: { position: "relative" }, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "img",
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-media-stack", children: [
+              resultImageUrl && !tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                ResultImageActionBar,
                 {
-                  src: tryOnProcessing && previewUrl ? previewUrl : resultImageUrl || productImage,
-                  alt: productTitle,
-                  className: "ps-tryon-v2-bg-img",
-                  onLoad: handleImgLoad,
-                  style: resultImageUrl && !tryOnProcessing ? { cursor: "zoom-in" } : void 0,
-                  onClick: resultImageUrl && !tryOnProcessing ? () => setZoomImageUrl(resultImageUrl) : void 0
+                  showLines: !!showLines,
+                  canShowFit: !suppressFitOverlayActions,
+                  onToggleFit: () => setShowLines(!showLines),
+                  onOpenImage: () => setZoomImageUrl(resultImageUrl),
+                  onDownload: handleDownload,
+                  t: t2
                 }
               ),
-              tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnGenerationBadge, { tryOnStartedAt: tryOnStartedAt ?? null, t: t2 }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(RegenScanOverlay, { active: !!tryOnProcessing })
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-bg", style: { position: "relative" }, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "img",
+                  {
+                    src: tryOnProcessing && previewUrl ? previewUrl : resultImageUrl || productImage,
+                    alt: productTitle,
+                    className: "ps-tryon-v2-bg-img",
+                    onLoad: handleImgLoad,
+                    style: resultImageUrl && !tryOnProcessing ? { cursor: "zoom-in" } : void 0,
+                    onClick: resultImageUrl && !tryOnProcessing ? () => setZoomImageUrl(resultImageUrl) : void 0
+                  }
+                ),
+                tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnGenerationBadge, { tryOnStartedAt: tryOnStartedAt ?? null, t: t2 }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(RegenScanOverlay, { active: !!tryOnProcessing }),
+                resultImageUrl && !tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-sr-img-actions", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnExperienceFeedback, { t: t2, onSubmit: onTryOnFeedbackSubmit }) })
+              ] })
             ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-panel", children: [
               mismatchNotice,
@@ -24201,9 +24595,11 @@ 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,
                   internationalSizes: entry.secResult?.internationalSizes,
                   tryOnProcessing,
                   tryOnStartedAt,
+                  onFeedbackSubmit: onTryOnFeedbackSubmit,
                   t: t2,
                   isFootwear: measurementType === "foot",
                   userGender: shoeUserGender,
@@ -24242,11 +24638,23 @@ function SizeResultView({
               setGuideFile(selectedFile || null);
               setShowPhotoGuide(true);
             },
-            onClose,
+            onClose: onContinueShopping || onClose,
             showLines,
             onToggleLines: suppressFitOverlayActions ? void 0 : () => setShowLines(!showLines),
             onOpenImage: resultImageUrl && !tryOnProcessing ? () => setZoomImageUrl(resultImageUrl) : void 0,
             onDownload: resultImageUrl && !tryOnProcessing ? handleDownload : void 0,
+            imageActionBar: resultImageUrl && !tryOnProcessing ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+              ResultImageActionBar,
+              {
+                showLines: !!showLines,
+                canShowFit: !suppressFitOverlayActions,
+                onToggleFit: () => setShowLines(!showLines),
+                onOpenImage: () => setZoomImageUrl(resultImageUrl),
+                onDownload: handleDownload,
+                t: t2
+              }
+            ) : null,
+            feedbackSlot: resultImageUrl && !tryOnProcessing ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-msr-feedback-slot", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnExperienceFeedback, { t: t2, isMobile: true, onSubmit: onTryOnFeedbackSubmit }) }) : null,
             onImageLoad: handleImgLoad,
             profileCompletionCta: profileCompletionCta ? /* @__PURE__ */ jsxRuntimeExports.jsx(ProfileCompletionCta, { onClick: profileCompletionCta.onClick, isMobile: true, t: t2 }) : null,
             overlayNode: resultImageUrl && poseReady && poseLines ? /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -24279,60 +24687,55 @@ function SizeResultView({
       ) : (
         /* ── Desktop section picker: split layout — image left, image cards right ── */
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-bg", style: { position: "relative" }, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "img",
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-media-stack", children: [
+            resultImageUrl && !tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              ResultImageActionBar,
               {
-                src: tryOnProcessing && previewUrl ? previewUrl : resultImageUrl || productImage,
-                alt: productTitle,
-                className: "ps-tryon-v2-bg-img",
-                onLoad: handleImgLoad,
-                style: resultImageUrl && !tryOnProcessing ? { cursor: "zoom-in" } : void 0,
-                onClick: resultImageUrl && !tryOnProcessing ? () => setZoomImageUrl(resultImageUrl) : void 0
+                showLines: !!showLines,
+                canShowFit: !suppressFitOverlayActions,
+                onToggleFit: () => setShowLines(!showLines),
+                onOpenImage: () => setZoomImageUrl(resultImageUrl),
+                onDownload: handleDownload,
+                t: t2
               }
             ),
-            tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnGenerationBadge, { tryOnStartedAt: tryOnStartedAt ?? null, t: t2 }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(RegenScanOverlay, { active: !!tryOnProcessing }),
-            resultImageUrl && !tryOnProcessing && poseReady && poseLines && /* @__PURE__ */ jsxRuntimeExports.jsx(MeasurementOverlay, { lines: poseLines, fitRows: (() => {
-              const all = [...sizingResult?.matchDetails || []];
-              if (sizingResult?.sections) {
-                for (const sec of Object.values(sizingResult.sections)) {
-                  if (sec.matchDetails) all.push(...sec.matchDetails);
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-bg", style: { position: "relative" }, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "img",
+                {
+                  src: tryOnProcessing && previewUrl ? previewUrl : resultImageUrl || productImage,
+                  alt: productTitle,
+                  className: "ps-tryon-v2-bg-img",
+                  onLoad: handleImgLoad,
+                  style: resultImageUrl && !tryOnProcessing ? { cursor: "zoom-in" } : void 0,
+                  onClick: resultImageUrl && !tryOnProcessing ? () => setZoomImageUrl(resultImageUrl) : void 0
                 }
-              }
-              const seen = /* @__PURE__ */ new Set();
-              return all.filter((m2) => {
-                const k2 = m2.measurement.toLowerCase();
-                if (seen.has(k2)) return false;
-                seen.add(k2);
-                return true;
-              }).map((m2) => ({ area: m2.measurement, userNum: parseFloat(m2.userValue) || 0, chartLabel: m2.chartRange || "", fit: m2.fit }));
-            })(), show: showLines, imgWidth: imgDims.w, imgHeight: imgDims.h }),
-            resultImageUrl && !tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-sr-img-actions", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnExperienceFeedback, { t: t2 }),
-              !suppressFitOverlayActions && /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "ps-tryon-sr-glass-btn", onClick: () => setShowLines(!showLines), children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", style: { marginRight: "0.3vw" }, children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "4", y1: "9", x2: "20", y2: "9" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "4", y1: "15", x2: "20", y2: "15" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "7", cy: "9", r: "2" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "17", cy: "15", r: "2" })
-                ] }),
-                showLines ? t2("Hide Fit") : t2("Show Fit")
-              ] }),
-              suppressFitOverlayActions && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ps-tryon-sr-glass-btn", onClick: () => setZoomImageUrl(resultImageUrl), children: t2("Full Size") }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "ps-tryon-sr-glass-btn", onClick: handleDownload, children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", style: { marginRight: "0.3vw" }, children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("polyline", { points: "7 10 12 15 17 10" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
-                ] }),
-                t2("Download")
-              ] })
+              ),
+              tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnGenerationBadge, { tryOnStartedAt: tryOnStartedAt ?? null, t: t2 }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(RegenScanOverlay, { active: !!tryOnProcessing }),
+              resultImageUrl && !tryOnProcessing && poseReady && poseLines && /* @__PURE__ */ jsxRuntimeExports.jsx(MeasurementOverlay, { lines: poseLines, fitRows: (() => {
+                const all = [...sizingResult?.matchDetails || []];
+                if (sizingResult?.sections) {
+                  for (const sec of Object.values(sizingResult.sections)) {
+                    if (sec.matchDetails) all.push(...sec.matchDetails);
+                  }
+                }
+                const seen = /* @__PURE__ */ new Set();
+                return all.filter((m2) => {
+                  const k2 = m2.measurement.toLowerCase();
+                  if (seen.has(k2)) return false;
+                  seen.add(k2);
+                  return true;
+                }).map((m2) => ({ area: m2.measurement, userNum: parseFloat(m2.userValue) || 0, chartLabel: m2.chartRange || "", fit: m2.fit }));
+              })(), show: showLines, imgWidth: imgDims.w, imgHeight: imgDims.h }),
+              resultImageUrl && !tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-sr-img-actions", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnExperienceFeedback, { t: t2, onSubmit: onTryOnFeedbackSubmit }) })
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-panel", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "ps-tryon-v2-title", children: t2("Your Perfect Fit") }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "ps-tryon-v2-subtitle", children: t2("Tap any section for detailed breakdown") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-panel ps-tryon-v2-result-panel", 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: t2("Your Perfect Fit") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "ps-tryon-v2-subtitle", children: t2("Tap any section for detailed breakdown") })
+            ] }),
             mismatchNotice,
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-v2-sep" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-sr-cards-v2", children: sectionEntries.map(({ name, secResult }, idx) => {
@@ -24373,8 +24776,7 @@ function SizeResultView({
                 sectionImg && /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: sectionImg, alt: name, className: "ps-tryon-sr-card-v2-img" })
               ] }, name);
             }) }),
-            profileCompletionCta && /* @__PURE__ */ jsxRuntimeExports.jsx(ProfileCompletionCta, { onClick: profileCompletionCta.onClick, t: t2 }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginTop: "0.5vw", gap: "0.5vw" }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-result-actions", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "ps-bp-back-btn", onClick: () => setView("body-profile"), type: "button", children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-back-arrow", children: "←" }),
                 " ",
@@ -24385,7 +24787,7 @@ function SizeResultView({
                 {
                   className: "ps-tryon-v2-cta",
                   style: { marginTop: 0 },
-                  onClick: onClose,
+                  onClick: onContinueShopping || onClose,
                   children: [
                     t2("Continue Shopping"),
                     " →"
@@ -24396,7 +24798,7 @@ function SizeResultView({
                 {
                   className: "ps-tryon-v2-cta",
                   style: { marginTop: 0 },
-                  onClick: onClose,
+                  onClick: onContinueShopping || onClose,
                   children: [
                     t2("Continue Shopping"),
                     " →"
@@ -24466,6 +24868,7 @@ function SizeResultView({
                     if (resultImageUrl) onResetTryOn?.();
                     setView("body-profile");
                   },
+                  onContinue: onContinueShopping || onClose,
                   backLabel: t2("Back"),
                   internationalSizes: singleInternationalSizes,
                   onTryOn: resultImageUrl || vtoExcluded ? void 0 : handleSingleTryOn,
@@ -24486,6 +24889,7 @@ function SizeResultView({
                   onToggleLines: suppressFitOverlayActions ? void 0 : () => setShowLines(!showLines),
                   onOpenImage: resultImageUrl && !tryOnProcessing ? () => setZoomImageUrl(resultImageUrl) : void 0,
                   onDownload: resultImageUrl && !tryOnProcessing ? handleDownload : void 0,
+                  onFeedbackSubmit: onTryOnFeedbackSubmit,
                   onImageLoad: handleImgLoad,
                   overlayNode: resultImageUrl && poseReady && poseLines ? /* @__PURE__ */ jsxRuntimeExports.jsx(
                     MeasurementOverlay,
@@ -24503,38 +24907,46 @@ function SizeResultView({
             ] });
           }
           return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-bg", style: { position: "relative" }, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "img",
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-media-stack", children: [
+              resultImageUrl && !tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                ResultImageActionBar,
                 {
-                  src: tryOnProcessing && previewUrl ? previewUrl : resultImageUrl || productImage,
-                  alt: productTitle,
-                  className: "ps-tryon-v2-bg-img",
-                  onLoad: handleImgLoad,
-                  style: resultImageUrl && !tryOnProcessing ? { cursor: "zoom-in" } : void 0,
-                  onClick: resultImageUrl && !tryOnProcessing ? () => setZoomImageUrl(resultImageUrl) : void 0
-                }
-              ),
-              tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnGenerationBadge, { tryOnStartedAt: tryOnStartedAt ?? null, t: t2 }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(RegenScanOverlay, { active: !!tryOnProcessing }),
-              resultImageUrl && !tryOnProcessing && poseReady && poseLines && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                MeasurementOverlay,
-                {
-                  lines: poseLines,
-                  fitRows: activeFitRows.length > 0 ? activeFitRows : (sizingResult?.matchDetails || []).map((m2) => ({ area: m2.measurement, userNum: parseFloat(m2.userValue) || 0, chartLabel: m2.chartRange || "", fit: m2.fit })),
-                  show: showLines,
-                  imgWidth: imgDims.w,
-                  imgHeight: imgDims.h
+                  showLines: !!showLines,
+                  canShowFit: !suppressFitOverlayActions,
+                  onToggleFit: () => setShowLines(!showLines),
+                  onOpenImage: () => setZoomImageUrl(resultImageUrl),
+                  onDownload: handleDownload,
+                  t: t2
                 }
               ),
-              resultImageUrl && !tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-sr-img-actions", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnExperienceFeedback, { t: t2 }),
-                !suppressFitOverlayActions && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ps-tryon-sr-glass-btn", onClick: () => setShowLines(!showLines), children: showLines ? t2("Hide Fit") : t2("Show Fit") }),
-                suppressFitOverlayActions && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ps-tryon-sr-glass-btn", onClick: () => setZoomImageUrl(resultImageUrl), children: t2("Full Size") }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ps-tryon-sr-glass-btn", onClick: handleDownload, children: t2("Download") })
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-bg", style: { position: "relative" }, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "img",
+                  {
+                    src: tryOnProcessing && previewUrl ? previewUrl : resultImageUrl || productImage,
+                    alt: productTitle,
+                    className: "ps-tryon-v2-bg-img",
+                    onLoad: handleImgLoad,
+                    style: resultImageUrl && !tryOnProcessing ? { cursor: "zoom-in" } : void 0,
+                    onClick: resultImageUrl && !tryOnProcessing ? () => setZoomImageUrl(resultImageUrl) : void 0
+                  }
+                ),
+                tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnGenerationBadge, { tryOnStartedAt: tryOnStartedAt ?? null, t: t2 }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(RegenScanOverlay, { active: !!tryOnProcessing }),
+                resultImageUrl && !tryOnProcessing && poseReady && poseLines && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  MeasurementOverlay,
+                  {
+                    lines: poseLines,
+                    fitRows: activeFitRows.length > 0 ? activeFitRows : (sizingResult?.matchDetails || []).map((m2) => ({ area: m2.measurement, userNum: parseFloat(m2.userValue) || 0, chartLabel: m2.chartRange || "", fit: m2.fit })),
+                    show: showLines,
+                    imgWidth: imgDims.w,
+                    imgHeight: imgDims.h
+                  }
+                ),
+                resultImageUrl && !tryOnProcessing && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-sr-img-actions", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TryOnExperienceFeedback, { t: t2, onSubmit: onTryOnFeedbackSubmit }) })
               ] })
             ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-panel", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `ps-tryon-v2-panel${activeSection ? "" : " ps-tryon-v2-result-panel"}`, children: [
               mismatchNotice,
               activeSection === sectionName ? (
                 /* DETAIL VIEW — full size table, same as multi-garment */
@@ -24557,12 +24969,14 @@ function SizeResultView({
                         setActiveSection(null);
                       }
                     },
+                    onContinue: onContinueShopping || onClose,
                     backLabel: t2("Back"),
                     internationalSizes: singleInternationalSizes,
                     onTryOn: resultImageUrl || vtoExcluded ? void 0 : handleSingleTryOn,
                     continueLabel: resultImageUrl ? t2("Continue Shopping") : void 0,
                     tryOnProcessing,
                     tryOnStartedAt,
+                    onFeedbackSubmit: onTryOnFeedbackSubmit,
                     t: t2,
                     renderRaw: isAccessory,
                     isFootwear: measurementType === "foot",
@@ -24610,7 +25024,7 @@ function SizeResultView({
                     }
                   ) }),
                   hasCarousel && /* @__PURE__ */ jsxRuntimeExports.jsx(ProductPhotoCarouselCard, { items: carouselItems.length > 0 ? carouselItems : void 0, photos: productImages, productTitle, t: t2 }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginTop: "0.5vw", gap: "0.5vw" }, children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-result-actions", children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsxs(
                       "button",
                       {
@@ -24627,10 +25041,10 @@ function SizeResultView({
                         ]
                       }
                     ),
-                    resultImageUrl && !tryOnProcessing ? /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "ps-tryon-v2-cta", style: { marginTop: 0 }, onClick: onClose, children: [
+                    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: onClose, children: [
+                    ] }) : vtoExcluded ? /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "ps-tryon-v2-cta", style: { marginTop: 0 }, onClick: onContinueShopping || onClose, children: [
                       t2("Continue Shopping"),
                       " →"
                     ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -31693,6 +32107,13 @@ if (typeof document !== "undefined") {
   }
 }
 const PROFILE_COMPLETION_DRAFT_KEY = "profile_completion_draft";
+const TRYON_FEEDBACK_SUBMITTED_KEY = "tryon_feedback_submitted";
+function buildTryOnFeedbackKey(input) {
+  if (input.jobId) return `job:${input.jobId}`;
+  if (input.historyEntryId) return `history:${input.historyEntryId}`;
+  if (input.resultImageUrl) return `result:${input.resultImageUrl.slice(0, 180)}`;
+  return `fallback:${input.productId || input.productTitle || "product"}:${input.recommendedSize || "size"}`;
+}
 function positiveNumber(value) {
   const n2 = typeof value === "number" ? value : parseFloat(String(value ?? ""));
   return Number.isFinite(n2) && n2 > 0 ? n2 : void 0;
@@ -31776,6 +32197,7 @@ function PrimeStyleTryonInner({
   productCarouselItems,
   garmentReferenceImage,
   productTitle = "Product",
+  productUrl,
   productId,
   productCategory,
   productGender,
@@ -31828,6 +32250,17 @@ function PrimeStyleTryonInner({
   }, [productTagsKey]);
   const effectiveProductImages = stableProductImages.length > 0 ? stableProductImages : void 0;
   const effectiveProductCarouselItems = stableProductCarouselItems.length > 0 ? stableProductCarouselItems : void 0;
+  const effectiveProductUrl = reactExports.useMemo(() => {
+    const source = productUrl?.trim();
+    if (source) {
+      try {
+        return typeof window !== "undefined" ? new URL(source, window.location.origin).href : source;
+      } catch {
+        return source;
+      }
+    }
+    return typeof window !== "undefined" ? window.location.href : void 0;
+  }, [productUrl]);
   const resolvedProductFitType = reactExports.useMemo(
     () => detectProductFitType({
       productFitType,
@@ -32005,12 +32438,15 @@ function PrimeStyleTryonInner({
   const [profileAuthLoadingProvider, setProfileAuthLoadingProvider] = reactExports.useState(null);
   const [history, setHistory] = reactExports.useState(() => lsGet("history", []).map(normalizeHistoryEntry));
   const currentHistoryEntryIdRef = reactExports.useRef(null);
+  const currentTryOnJobIdRef = reactExports.useRef(null);
+  const submittedFeedbackKeysRef = reactExports.useRef(new Set(lsGet(TRYON_FEEDBACK_SUBMITTED_KEY, [])));
   const [mobileMenuOpen, setMobileMenuOpen] = reactExports.useState(false);
   const mobileMenuBtnRef = reactExports.useRef(null);
   const [restoredProductImage, setRestoredProductImage] = reactExports.useState(null);
   const [restoredProductImages, setRestoredProductImages] = reactExports.useState(null);
   const [restoredProductCarouselItems, setRestoredProductCarouselItems] = reactExports.useState(null);
   const [restoredProductTitle, setRestoredProductTitle] = reactExports.useState(null);
+  const [restoredProductUrl, setRestoredProductUrl] = reactExports.useState(null);
   const [activeProfileId, setActiveProfileIdState] = reactExports.useState(() => getActiveProfileId());
   const [estimatingProfileIds, setEstimatingProfileIds] = reactExports.useState(() => /* @__PURE__ */ new Set());
   const [deleteConfirmId, setDeleteConfirmId] = reactExports.useState(null);
@@ -32528,6 +32964,13 @@ function PrimeStyleTryonInner({
     setSizingResult(null);
     setResultImageUrl(null);
     currentHistoryEntryIdRef.current = null;
+    currentTryOnJobIdRef.current = null;
+    setRestoredProductImage(null);
+    setRestoredProductImages(null);
+    setRestoredProductCarouselItems(null);
+    setRestoredProductTitle(null);
+    setRestoredProductUrl(null);
+    setRestoredProductUrl(null);
     setSizingLoading(true);
     setEstimationDone(hasStored);
     if (hasStored) {
@@ -32615,12 +33058,18 @@ function PrimeStyleTryonInner({
     setProfileSaved(false);
     formRef.current = {};
     setFormGender("male");
+    setRestoredProductImage(null);
+    setRestoredProductImages(null);
+    setRestoredProductCarouselItems(null);
+    setRestoredProductTitle(null);
+    setRestoredProductUrl(null);
     if (!tryOnInFlight) {
       setResultImageUrl(null);
       setSizingResult(null);
       historySavedRef.current = false;
       historyTryonSavedRef.current = false;
       currentHistoryEntryIdRef.current = null;
+      currentTryOnJobIdRef.current = null;
       unsubRef.current?.();
       unsubRef.current = null;
       if (pollingRef.current) {
@@ -32725,6 +33174,7 @@ function PrimeStyleTryonInner({
       return;
     }
     if (update.status === "completed" && update.imageUrl) {
+      currentTryOnJobIdRef.current = update.galleryId;
       if (shouldUseShopifyCartAttribution(apiUrl)) {
         setLastCompletedProduct(effectiveProductId ?? null, productTitle || null);
       }
@@ -33033,10 +33483,12 @@ function PrimeStyleTryonInner({
     setSizingResult(null);
     setResultImageUrl(null);
     currentHistoryEntryIdRef.current = null;
+    currentTryOnJobIdRef.current = null;
     setRestoredProductImage(null);
     setRestoredProductImages(null);
     setRestoredProductCarouselItems(null);
     setRestoredProductTitle(null);
+    setRestoredProductUrl(null);
     if (previewUrl) URL.revokeObjectURL(previewUrl);
     setSelectedFile(null);
     selectedFileRef.current = null;
@@ -33102,6 +33554,7 @@ function PrimeStyleTryonInner({
     historySavedRef.current = false;
     historyTryonSavedRef.current = false;
     currentHistoryEntryIdRef.current = null;
+    currentTryOnJobIdRef.current = null;
     setSizingLoading(true);
     setEstimationDone(false);
     setView("size-result");
@@ -33332,6 +33785,7 @@ function PrimeStyleTryonInner({
       selectedFileRef.current = overrideFile;
     }
     completedRef.current = false;
+    currentTryOnJobIdRef.current = null;
     setTryOnProcessing(true);
     setTryOnStartedAt(Date.now());
     const vtoCategory = measurementTypeToVtoCategory(measurementType, resolvedProductFitType);
@@ -33469,6 +33923,7 @@ function PrimeStyleTryonInner({
           modelImageId: modelImageIdRef.current ?? void 0
         }
       );
+      currentTryOnJobIdRef.current = response.jobId;
       if (response.modelImageId) modelImageIdRef.current = response.modelImageId;
       onProcessing?.(response.jobId);
       const usePollingOnly = shouldUseShopifyCartAttribution(apiUrl);
@@ -33539,6 +33994,59 @@ function PrimeStyleTryonInner({
       }).catch(() => window.open(resultImageUrl, "_blank"));
     }
   }, [resultImageUrl]);
+  const handleContinueShopping = reactExports.useCallback(() => {
+    const historyUrl = restoredProductUrl || "";
+    if (historyUrl && typeof window !== "undefined") {
+      try {
+        window.open(new URL(historyUrl, window.location.origin).href, "_blank", "noopener,noreferrer");
+      } catch {
+        window.open(historyUrl, "_blank", "noopener,noreferrer");
+      }
+    }
+    handleClose();
+  }, [handleClose, restoredProductUrl]);
+  const handleTryOnFeedbackSubmit = reactExports.useCallback(async ({ rating, note }) => {
+    const profileLoggedIn = Boolean(profileSession);
+    const activeProfile = profileLoggedIn ? profiles.find((profile) => profile.id === activeProfileId) : null;
+    const jobId = currentTryOnJobIdRef.current ?? void 0;
+    const historyEntryId = currentHistoryEntryIdRef.current ?? void 0;
+    const feedbackKey = buildTryOnFeedbackKey({
+      jobId,
+      historyEntryId,
+      resultImageUrl,
+      productId: effectiveProductId,
+      productTitle: restoredProductTitle || productTitle,
+      recommendedSize: sizingResult?.recommendedSize
+    });
+    if (submittedFeedbackKeysRef.current.has(feedbackKey)) return;
+    submittedFeedbackKeysRef.current.add(feedbackKey);
+    lsSet(TRYON_FEEDBACK_SUBMITTED_KEY, Array.from(submittedFeedbackKeysRef.current).slice(-80));
+    const payload = {
+      jobId,
+      historyEntryId,
+      rating,
+      note: note?.trim() || void 0,
+      productId: effectiveProductId,
+      productTitle: restoredProductTitle || productTitle,
+      productUrl: restoredProductUrl || effectiveProductUrl,
+      recommendedSize: sizingResult?.recommendedSize,
+      profileLoggedIn,
+      profileId: activeProfile?.id,
+      profileName: activeProfile?.name,
+      profileAccessToken: profileSession?.accessToken
+    };
+    if (shouldUseShopifyCartAttribution(apiUrl)) {
+      logTryOnFeedback(payload);
+      return;
+    }
+    try {
+      await apiRef.current?.submitTryOnFeedback(payload);
+    } catch (error) {
+      submittedFeedbackKeysRef.current.delete(feedbackKey);
+      lsSet(TRYON_FEEDBACK_SUBMITTED_KEY, Array.from(submittedFeedbackKeysRef.current).slice(-80));
+      throw error;
+    }
+  }, [activeProfileId, apiUrl, effectiveProductId, effectiveProductUrl, productTitle, profileSession, profiles, restoredProductTitle, restoredProductUrl, resultImageUrl, sizingResult?.recommendedSize]);
   const handleRetry = reactExports.useCallback(() => {
     completedRef.current = false;
     cleanupJob();
@@ -33549,6 +34057,12 @@ function PrimeStyleTryonInner({
     historySavedRef.current = false;
     historyTryonSavedRef.current = false;
     currentHistoryEntryIdRef.current = null;
+    currentTryOnJobIdRef.current = null;
+    setRestoredProductImage(null);
+    setRestoredProductImages(null);
+    setRestoredProductCarouselItems(null);
+    setRestoredProductTitle(null);
+    setRestoredProductUrl(null);
     setErrorMessage(null);
     setSizingMethod(null);
     setSizingResult(null);
@@ -33685,6 +34199,8 @@ function PrimeStyleTryonInner({
       id: id2,
       productId,
       productTitle,
+      productUrl: effectiveProductUrl,
+      jobId: currentTryOnJobIdRef.current ?? void 0,
       productImage,
       productImages: effectiveProductImages?.slice(0, 12),
       productCarouselItems: effectiveProductCarouselItems?.slice(0, 12),
@@ -33719,7 +34235,7 @@ function PrimeStyleTryonInner({
       return next;
     });
     return id2;
-  }, [productId, productTitle, productImage, effectiveProductImages, effectiveProductCarouselItems, resultImageUrl, sizingResult, sizeGuide, activeProfileId, profiles, selectedFile]);
+  }, [productId, productTitle, effectiveProductUrl, productImage, effectiveProductImages, effectiveProductCarouselItems, resultImageUrl, sizingResult, sizeGuide, activeProfileId, profiles, selectedFile]);
   const persistHistoryResult = reactExports.useCallback((entryId, imageUrl, cleanupWhenIdle) => {
     void (async () => {
       const durableResultUrl = durableHistoryImageUrl(imageUrl);
@@ -33737,6 +34253,7 @@ function PrimeStyleTryonInner({
           if (entry.id !== entryId) return entry;
           return {
             ...entry,
+            ...currentTryOnJobIdRef.current ? { jobId: currentTryOnJobIdRef.current } : {},
             ...durableResultUrl ? { resultImageUrl: durableResultUrl } : {},
             ...storedResult ? { hasResult: true } : {}
           };
@@ -33792,6 +34309,7 @@ function PrimeStyleTryonInner({
         if (idx < 0) return prev;
         const updated = {
           ...prev[idx],
+          ...currentTryOnJobIdRef.current ? { jobId: currentTryOnJobIdRef.current } : {},
           ...durableResultUrl ? { resultImageUrl: durableResultUrl } : {},
           hasResult: true,
           ...selectedSizes.length ? { selectedSizes } : {}
@@ -33809,6 +34327,7 @@ function PrimeStyleTryonInner({
       historySavedRef.current = false;
       historyTryonSavedRef.current = false;
       currentHistoryEntryIdRef.current = null;
+      currentTryOnJobIdRef.current = null;
     }
   }, [view, sizingResult, resultImageUrl]);
   const restoreHistory = reactExports.useCallback((entry) => {
@@ -33819,6 +34338,7 @@ function PrimeStyleTryonInner({
     historySavedRef.current = true;
     historyTryonSavedRef.current = !!entry.resultImageUrl || !!entry.hasResult;
     currentHistoryEntryIdRef.current = entry.id;
+    currentTryOnJobIdRef.current = entry.jobId || null;
     autoTryOnFiredRef.current = true;
     const isCurrentProductEntry = entry.productId && productId ? entry.productId === productId : !!entry.productTitle && entry.productTitle === productTitle;
     setRestoredProductImage(entry.productImage || null);
@@ -33829,6 +34349,7 @@ function PrimeStyleTryonInner({
       entry.productCarouselItems?.length ? entry.productCarouselItems : isCurrentProductEntry && effectiveProductCarouselItems?.length ? effectiveProductCarouselItems : null
     );
     setRestoredProductTitle(entry.productTitle || null);
+    setRestoredProductUrl(entry.productUrl || null);
     if (entry.sizingResult) {
       setSizingResult(entry.sizingResult);
     } else if (entry.recommendedSize) {
@@ -34066,11 +34587,14 @@ function PrimeStyleTryonInner({
             productImages: restoredProductImages || (restoredProductImage ? [restoredProductImage] : effectiveProductImages),
             productCarouselItems: restoredProductCarouselItems || (restoredProductImage ? void 0 : effectiveProductCarouselItems),
             productTitle: restoredProductTitle || productTitle,
+            productUrl: restoredProductUrl || effectiveProductUrl,
             productMaterial,
             productDescription,
             sizingUnit,
             setView,
             handleDownload,
+            onContinueShopping: handleContinueShopping,
+            onTryOnFeedbackSubmit: handleTryOnFeedbackSubmit,
             selectedFile,
             previewUrl,
             handleFileSelect,
@@ -35012,6 +35536,15 @@ function parseJsonAttr(raw, fallback) {
     return fallback;
   }
 }
+function resolveProductUrl(raw) {
+  const source = raw || (typeof window !== "undefined" ? window.location.href : "");
+  if (!source) return void 0;
+  try {
+    return new URL(source, window.location.origin).href;
+  } catch {
+    return source;
+  }
+}
 function buildPropsFromDataAttrs(data) {
   const props = {
     apiUrl: data.proxyUrl || data.apiUrl || "",
@@ -35021,6 +35554,7 @@ function buildPropsFromDataAttrs(data) {
     apiKey: data.apiKey,
     productId: data.productId,
     productTitle: data.productTitle,
+    productUrl: resolveProductUrl(data.productUrl),
     productImage: data.productImage,
     productCarouselItems: parseJsonAttr(data.productCarouselItems, void 0),
     productDescription: data.productDescription,