@primestyleai/tryon 5.10.178 → 5.10.180

package/dist/storefront/primestyle-tryon.js

@@ -10225,6 +10225,52 @@ function parseNum(s) {
   const n2 = parseFloat(s.replace(/[^\d.]/g, ""));
   return isNaN(n2) ? 0 : n2;
 }
+function normalizeUnit(unit) {
+  const u2 = (unit || "").toLowerCase();
+  if (u2 === "in" || u2 === "inch" || u2 === "inches") return "in";
+  if (u2 === "cm") return "cm";
+  if (u2 === "mm") return "mm";
+  return null;
+}
+function detectUnitFromText(text) {
+  const t2 = String(text || "");
+  if (/\bmm\b/i.test(t2)) return "mm";
+  if (/\bcm\b/i.test(t2)) return "cm";
+  if (/\bin\b|inch|inches|["”]/i.test(t2)) return "in";
+  return null;
+}
+function convertValue(value, from, to) {
+  if (from === to) return value;
+  const inMm = from === "mm" ? value : from === "cm" ? value * 10 : value * 25.4;
+  if (to === "mm") return inMm;
+  if (to === "cm") return inMm / 10;
+  return inMm / 25.4;
+}
+function formatUnitNumber(value, unit) {
+  const precision = unit === "mm" ? 0 : 1;
+  const rounded = Number(value.toFixed(precision));
+  return Number.isInteger(rounded) ? String(rounded) : String(rounded);
+}
+function convertNumberTextToUnit(text, from, to) {
+  if (from === to) return text;
+  const converted = text.replace(/\s*(cm|mm|in|inch|inches)\b/ig, "").replace(/(\d+(?:\.\d+)?)/g, (raw) => formatUnitNumber(convertValue(Number(raw), from, to), to)).trim();
+  return converted ? `${converted} ${to}` : text;
+}
+function normalizeMeasurementValueText(measurement, value, targetUnit) {
+  if (isUnitlessShoeSizeMeasurement(measurement)) return formatUserMeasurementValue(measurement, value);
+  const sourceUnit = detectUnitFromText(value);
+  if (sourceUnit) return convertNumberTextToUnit(value, sourceUnit, targetUnit);
+  const trimmed = String(value || "").trim();
+  return /\d/.test(trimmed) ? `${trimmed} ${targetUnit}` : trimmed;
+}
+function normalizeRangeText(range, targetUnit, header) {
+  const sourceUnit = detectUnitFromText(range) || detectUnitFromText(header);
+  if (!sourceUnit) return String(range || "").trim();
+  return convertNumberTextToUnit(range, sourceUnit, targetUnit);
+}
+function promptHeaderLabel(header) {
+  return String(header || "").replace(/\s*\((?:cm|mm|in|inch|inches)\)\s*/ig, "").trim();
+}
 function isUnitlessShoeSizeMeasurement(measurement) {
   const normalized = measurement.toLowerCase().replace(/\s*\(.*?\)\s*/g, " ").trim();
   if (/foot\s*length|length\s*\(cm\)|cm\s*\/\s*jp|mondo|mondopoint/i.test(normalized)) return false;
@@ -10235,11 +10281,15 @@ function formatUserMeasurementValue(measurement, value) {
   return value.replace(/\s*(cm|mm|in|inch|inches)\b/ig, "").trim();
 }
 function computeFit(userValue, chartRange, unit) {
-  const { min: rMin, max: rMax } = parseRange(chartRange);
+  const targetUnit = normalizeUnit(unit) || detectUnitFromText(chartRange) || "in";
+  const chartUnit = detectUnitFromText(chartRange);
+  const parsed = parseRange(chartRange);
+  const rMin = chartUnit && chartUnit !== targetUnit ? convertValue(parsed.min, chartUnit, targetUnit) : parsed.min;
+  const rMax = chartUnit && chartUnit !== targetUnit ? convertValue(parsed.max, chartUnit, targetUnit) : parsed.max;
   if (rMin === 0 && rMax === 0) return "good";
-  const perfectTol = unit === "cm" ? 1.27 : unit === "mm" ? 12.7 : 0.5;
-  const aBitTol = unit === "cm" ? 2.54 : unit === "mm" ? 25.4 : 1;
-  const tooFarTol = unit === "cm" ? 5.08 : unit === "mm" ? 50.8 : 2;
+  const perfectTol = targetUnit === "cm" ? 1.27 : targetUnit === "mm" ? 12.7 : 0.5;
+  const aBitTol = targetUnit === "cm" ? 2.54 : targetUnit === "mm" ? 25.4 : 1;
+  const tooFarTol = targetUnit === "cm" ? 5.08 : targetUnit === "mm" ? 50.8 : 2;
   const inRange = userValue >= rMin && userValue <= rMax;
   const overEdge = inRange ? 0 : userValue > rMax ? userValue - rMax : rMin - userValue;
   if (inRange || overEdge <= perfectTol) return "good";
@@ -10262,14 +10312,17 @@ const SKIP_AREAS_FOR_FIT = /* @__PURE__ */ new Set([
 ]);
 function buildFitInfo(matchDetails, poseLines, unit) {
   return matchDetails.filter((m2) => !SKIP_AREAS_FOR_FIT.has(m2.measurement.toLowerCase().replace(/\s*\(.*?\)\s*/g, "").trim())).map((m2) => {
-    const userNum = parseNum(m2.userValue);
-    const fit = computeFit(userNum, m2.chartRange, unit);
+    const targetUnit = normalizeUnit(unit) || detectUnitFromText(m2.userValue) || detectUnitFromText(m2.chartRange) || "in";
+    const userValueText = normalizeMeasurementValueText(m2.measurement, m2.userValue, targetUnit);
+    const chartRangeText = normalizeRangeText(m2.chartRange, targetUnit);
+    const userNum = parseNum(userValueText);
+    const fit = computeFit(userNum, chartRangeText, targetUnit);
     const info = {
       area: m2.measurement,
       section: m2.section || void 0,
       fit,
       userValue: userNum || void 0,
-      garmentRange: m2.chartRange || void 0
+      garmentRange: chartRangeText || void 0
     };
     if (poseLines) {
       const poseKey = AREA_TO_POSE_KEY[m2.measurement.toLowerCase()];
@@ -10286,6 +10339,7 @@ function buildFitInfo(matchDetails, poseLines, unit) {
 function buildSilhouetteContext(sizingResult, sizeGuide, selectedSizeOverride, userHeight, userWeight) {
   if (!sizingResult && !sizeGuide && !userHeight && !userWeight) return void 0;
   const out = {};
+  const promptUnit = normalizeUnit(sizingResult?.unit) || detectUnitFromText(sizingResult?.matchDetails?.[0]?.userValue) || detectUnitFromText(Object.values(sizingResult?.sections || {})[0]?.matchDetails?.[0]?.userValue) || "in";
   const baseSize = (selectedSizeOverride || sizingResult?.recommendedSize || "").toString().trim();
   if (userHeight) out.userHeight = userHeight;
   if (userWeight) out.userWeight = userWeight;
@@ -10311,7 +10365,7 @@ function buildSilhouetteContext(sizingResult, sizeGuide, selectedSizeOverride, u
           chartRowFit = vStr;
           continue;
         }
-        if (vStr) bits.push(`${h} ${vStr}`);
+        if (vStr) bits.push(`${promptHeaderLabel(h) || h} ${normalizeRangeText(vStr, promptUnit, h)}`);
         if (chartRowLength == null && /^length\b|inseam/i.test(h) && vStr) {
           chartRowLength = vStr;
         }
@@ -10360,7 +10414,7 @@ function buildSilhouetteContext(sizingResult, sizeGuide, selectedSizeOverride, u
             const h = (secChart.headers[i] || "").trim();
             const baseHeader = h.replace(/\s*\(.*?\)\s*/g, "").trim();
             if (vStr && !/^(size|standard|country|fit|silhouette|category|body[\s_]?type|eu|uk|us|it|jp|cn|kr|ru|br|au)$/i.test(baseHeader)) {
-              bits.push(`${h} ${vStr}`);
+              bits.push(`${promptHeaderLabel(h) || h} ${normalizeRangeText(vStr, promptUnit, h)}`);
             }
           }
           if (bits.length) measurementParts.push(`${cleanSec} ${secSize}: ${bits.join(", ")}`);
@@ -10370,29 +10424,33 @@ function buildSilhouetteContext(sizingResult, sizeGuide, selectedSizeOverride, u
     if (labelParts.length) out.recommendedSize = labelParts.join(", ");
     if (measurementParts.length) out.recommendedSizeMeasurements = measurementParts.join(" | ");
   }
-  const seen = /* @__PURE__ */ new Set();
+  const seenUserMeasurements = /* @__PURE__ */ new Set();
+  const seenSelectedMeasurements = /* @__PURE__ */ new Set();
   const userLines = [];
-  const push = (md2) => {
+  const selectedMeasurementLines = [];
+  const push = (md2, sectionName) => {
     if (!md2) return;
     for (const m2 of md2) {
-      const k2 = m2.measurement.toLowerCase();
-      if (seen.has(k2)) continue;
-      seen.add(k2);
-      if (m2.userValue) userLines.push(`${m2.measurement} ${formatUserMeasurementValue(m2.measurement, m2.userValue)}`);
+      const normalizedMeasurement = m2.measurement.toLowerCase().replace(/\s*\(.*?\)\s*/g, "").trim();
+      if (SKIP_AREAS_FOR_FIT.has(normalizedMeasurement)) continue;
+      const selectedKey = sectionName ? `${sectionName.toLowerCase()}:${normalizedMeasurement}` : normalizedMeasurement;
+      if (m2.userValue && !seenUserMeasurements.has(normalizedMeasurement)) {
+        seenUserMeasurements.add(normalizedMeasurement);
+        userLines.push(`${m2.measurement} ${normalizeMeasurementValueText(m2.measurement, m2.userValue, promptUnit)}`);
+      }
+      if (m2.chartRange && !seenSelectedMeasurements.has(selectedKey)) {
+        seenSelectedMeasurements.add(selectedKey);
+        const prefix = sectionName ? `${sectionName} ${m2.measurement}` : m2.measurement;
+        selectedMeasurementLines.push(`${prefix} ${normalizeRangeText(m2.chartRange, promptUnit)}`);
+      }
     }
   };
   push(sizingResult?.matchDetails);
   if (sizingResult?.sections) {
-    for (const sec of Object.values(sizingResult.sections)) push(sec.matchDetails);
+    for (const [secName, sec] of Object.entries(sizingResult.sections)) push(sec.matchDetails, secName);
   }
   if (userLines.length) out.userMeasurementsText = userLines.join(", ");
-  if (sizeGuide?.headers?.length && sizeGuide.rows?.length) {
-    const hdrs = sizeGuide.headers;
-    const rowStrings = sizeGuide.rows.slice(0, 20).map(
-      (row) => hdrs.map((h, i) => `${h} ${row[i] ?? "—"}`).join(", ")
-    );
-    out.sizeChartSummary = rowStrings.join(" | ");
-  }
+  if (selectedMeasurementLines.length) out.recommendedSizeMeasurements = selectedMeasurementLines.join(", ");
   return Object.keys(out).length ? out : void 0;
 }
 const FALLBACK_FIELDS_FEMALE = [
@@ -11346,6 +11404,14 @@ function setStoredProfileSession(session) {
   } catch {
   }
 }
+function clearStoredProfileSession() {
+  const storage = readStorage();
+  if (!storage) return;
+  try {
+    storage.removeItem(SESSION_KEY);
+  } catch {
+  }
+}
 function startSocialProfileLogin(provider, apiUrl) {
   if (typeof window === "undefined") {
     return Promise.reject(new Error("Social login must run in the browser."));
@@ -11627,7 +11693,7 @@ function productFitTypeToMeasurementType(fitType) {
   }
   return "body";
 }
-const STYLES$1 = `
+const STYLES = `
   /* Variable defaults must live on BOTH the root (for the trigger button)
      and the overlay (which is React-portaled to <body> and therefore not
      a descendant of .ps-tryon-root, so the cascade is broken). Without
@@ -11694,6 +11760,7 @@ const STYLES$1 = `
     position: fixed; inset: 0; background: var(--ps-modal-overlay, rgba(0,0,0,0.6));
     display: flex; align-items: center; justify-content: center;
     z-index: 2147483647;
+    pointer-events: auto;
     isolation: isolate;
     contain: layout style;
     padding: 0.83vw;
@@ -12183,11 +12250,20 @@ const STYLES$1 = `
     min-height: 0;
   }
   .ps-tryon-v2-result-panel .ps-tryon-photo-strip {
-    flex: 0 1 auto;
+    flex: 0 0 auto;
     min-height: 0;
+    margin-top: clamp(10px, 0.75vw, 14px);
+    margin-bottom: clamp(8px, 0.7vw, 12px);
   }
   .ps-tryon-v2-result-panel .ps-tryon-sr-card-v2 {
-    min-height: 10.5vw;
+    min-height: clamp(140px, 10.5vw, 165px);
+  }
+  .ps-tryon-v2-result-panel .ps-tryon-sr-card-v2.ps-full {
+    min-height: clamp(140px, 10.5vw, 165px);
+  }
+  .ps-tryon-v2-result-panel .ps-tryon-photo-strip-cell {
+    aspect-ratio: 1 / 1;
+    height: auto;
   }
   .ps-tryon-v2-result-actions {
     display: flex;
@@ -12682,9 +12758,12 @@ const STYLES$1 = `
   .ps-tryon-photo-strip-row {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
-    gap: 0.55vw;
+    gap: 0.45vw;
     animation: ps-tryon-photo-strip-fade 0.5s ease;
   }
+  .ps-tryon-photo-strip-row.ps-count-1 .ps-tryon-photo-strip-cell {
+    grid-column: 2;
+  }
   .ps-tryon-photo-strip-cell {
     position: relative;
     display: block;
@@ -12707,7 +12786,7 @@ const STYLES$1 = `
     object-position: center center;
     padding: 0;
     box-sizing: border-box;
-    transform: scale(0.94);
+    transform: none;
     transform-origin: center center;
     user-select: none;
     pointer-events: none;
@@ -12748,7 +12827,7 @@ const STYLES$1 = `
     }
     .ps-tryon-photo-strip-cell > img {
       object-position: center center;
-      transform: scale(0.94);
+      transform: none;
     }
   }
 
@@ -18087,7 +18166,56 @@ const STYLES$1 = `
     overflow-y: auto; -webkit-overflow-scrolling: touch;
     padding: 4px;
   }
+  .ps-msp-home {
+    height: 100%;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+    gap: max(12px, 0.95vw);
+  }
+  .ps-msp-welcome-panel,
+  .ps-msp-cards-panel {
+    min-width: 0;
+    min-height: 0;
+    background: var(--ps-bg-primary);
+  }
+  .ps-msp-welcome-panel {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: max(12px, 1vw);
+    padding: max(12px, 1vw) 0 max(12px, 0.95vw);
+    border-bottom: 1px solid var(--ps-border-subtle);
+  }
+  .ps-msp-cards-panel {
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    flex: 1;
+  }
+  .ps-msp-cards-scroll {
+    flex: 1;
+    min-height: 0;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+    padding: max(4px, 0.35vw) 0 max(8px, 0.65vw);
+  }
   .ps-msp-header { margin-bottom: max(10px, 0.85vw); }
+  .ps-msp-header-row {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: max(10px, 0.8vw);
+  }
+  .ps-msp-header-copy { min-width: 0; }
+  .ps-msp-kicker {
+    font-size: max(9px, 0.58vw);
+    font-weight: 800;
+    letter-spacing: 0.12em;
+    text-transform: uppercase;
+    color: var(--ps-accent);
+    margin-bottom: max(4px, 0.32vw);
+  }
   .ps-msp-title {
     font-size: max(13px, 0.95vw);
     font-weight: 700;
@@ -18096,16 +18224,56 @@ const STYLES$1 = `
     letter-spacing: -0.005em;
   }
   .ps-msp-subtitle {
-    font-size: max(10px, 0.7vw);
+    font-size: max(11px, 0.72vw);
     color: var(--ps-text-muted);
-    margin: 0; line-height: 1.5;
+    margin: 0;
+    line-height: 1.55;
+    max-width: 54ch;
+  }
+  .ps-msp-header-actions {
+    display: flex;
+    align-items: center;
+    gap: max(8px, 0.65vw);
+    flex-shrink: 0;
+  }
+  .ps-msp-primary-create {
+    border: 0;
+    border-radius: 999px;
+    background: var(--ps-accent);
+    color: #FFFFFF;
+    font-family: inherit;
+    font-size: max(10px, 0.66vw);
+    font-weight: 800;
+    padding: max(7px, 0.52vw) max(11px, 0.8vw);
+    cursor: pointer;
+    transition: opacity 0.15s, transform 0.15s;
+  }
+  .ps-msp-primary-create:hover { opacity: 0.88; }
+  .ps-msp-primary-create:active { transform: scale(0.98); }
+  .ps-msp-logout {
+    flex-shrink: 0;
+    border: 1px solid var(--ps-border-color);
+    border-radius: 999px;
+    background: #FFFFFF;
+    color: #DC2626;
+    font-family: inherit;
+    font-size: max(10px, 0.62vw);
+    font-weight: 700;
+    padding: max(6px, 0.42vw) max(9px, 0.68vw);
+    cursor: pointer;
+    transition: border-color 0.15s, color 0.15s, background 0.15s;
+  }
+  .ps-msp-logout:hover {
+    border-color: #DC2626;
+    color: #B91C1C;
+    background: #FEF2F2;
   }
 
   /* Card grid — compact saved profile cards */
   .ps-msp-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(max(140px, 11vw), 1fr));
-    gap: max(8px, 0.7vw);
+    grid-template-columns: repeat(auto-fill, minmax(max(160px, 12vw), 1fr));
+    gap: max(10px, 0.8vw);
     margin-bottom: max(14px, 1.2vw);
   }
   .ps-msp-card {
@@ -18406,27 +18574,28 @@ const STYLES$1 = `
   }
   /* When create card is the only item (no saved profiles), make it wider */
   .ps-msp-grid > .ps-msp-card-create:only-child {
-    grid-column: 1 / -1;
-    min-height: max(160px, 12vw);
-    max-width: 380px;
-    margin: 0 auto;
+    grid-column: auto;
+    width: max(150px, 12vw);
+    min-height: max(96px, 7.4vw);
+    max-width: max(150px, 12vw);
+    margin: 0;
   }
   .ps-msp-create-icon {
-    width: max(32px, 2.6vw);
-    height: max(32px, 2.6vw);
+    width: max(28px, 2.2vw);
+    height: max(28px, 2.2vw);
     background: var(--ps-accent); color: #FFFFFF;
     border-radius: max(4px, 0.35vw);
     display: flex; align-items: center; justify-content: center;
     margin-bottom: max(6px, 0.55vw);
   }
   .ps-msp-create-title {
-    font-size: max(11px, 0.78vw);
+    font-size: max(10px, 0.68vw);
     font-weight: 700;
     color: var(--ps-text-primary);
     margin-bottom: max(2px, 0.2vw);
   }
   .ps-msp-create-sub {
-    font-size: max(8px, 0.55vw);
+    font-size: max(7px, 0.46vw);
     font-weight: 700;
     letter-spacing: 0.14em; text-transform: uppercase;
     color: var(--ps-text-muted);
@@ -18696,11 +18865,34 @@ const STYLES$1 = `
 
   @media (max-width: 768px) {
     /* Profile card grid */
+    .ps-msp-home {
+      height: auto;
+      gap: 3vw;
+    }
+    .ps-msp-welcome-panel {
+      gap: 3vw;
+      padding: 3vw 0;
+    }
+    .ps-msp-cards-scroll {
+      max-height: 66vh;
+      padding: 1vw 0 3vw;
+    }
+    .ps-msp-header-actions { width: 100%; gap: 2vw; }
+    .ps-msp-primary-create { font-size: 3vw; padding: 2.4vw 3.4vw; }
+    .ps-msp-header-actions .ps-msp-primary-create { flex: 1; }
     .ps-msp-grid { grid-template-columns: 1fr; gap: 3vw; }
     .ps-msp-card-create { min-height: 22vw; }
+    .ps-msp-grid > .ps-msp-card-create:only-child {
+      width: 46vw;
+      max-width: 46vw;
+      min-height: 30vw;
+    }
     .ps-msp-header { margin-bottom: 3vw; }
+    .ps-msp-header-row { align-items: flex-start; gap: 3vw; }
+    .ps-msp-kicker { font-size: 2.4vw; margin-bottom: 1vw; }
     .ps-msp-title { font-size: 5.6vw; }
     .ps-msp-subtitle { font-size: 3vw; }
+    .ps-msp-logout { font-size: 2.8vw; padding: 2vw 2.8vw; }
     .ps-msp-card { padding: 3.5vw; border-radius: 3vw; }
     .ps-msp-card-tag { font-size: 2.3vw; padding: 1vw 2vw; border-radius: 1vw; }
     .ps-msp-card-circle { width: 18vw; height: 18vw; margin: 2vw auto 3vw; }
@@ -22269,7 +22461,7 @@ function ProductPhotoCarouselCard({
   const slide = entries.slice(start, start + PER_SLIDE);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-photo-strip", role: "group", "aria-label": t2("Product photos"), children: [
     isCompleteLook && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-photo-strip-head", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-photo-strip-badge", children: t2("Complete the look") }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-photo-strip-row", style: { gridTemplateColumns: `repeat(${Math.max(1, Math.min(PER_SLIDE, slide.length))}, 1fr)` }, children: slide.map((item, i) => {
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `ps-tryon-photo-strip-row ps-count-${slide.length}`, children: slide.map((item, i) => {
       const content = /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: item.image, alt: item.title || productTitle || "", draggable: false });
       return item.href ? /* @__PURE__ */ jsxRuntimeExports.jsx(
         "a",
@@ -27982,6 +28174,7 @@ function MySizingProfilesView({
   onSaveProfileMeasurements,
   onSaveBraSize,
   onRequestDelete,
+  onLogout,
   onClose,
   apiUrl,
   apiKey,
@@ -27993,18 +28186,9 @@ function MySizingProfilesView({
   t: t2,
   onRegisterBackInterceptor
 }) {
-  const [creating, setCreating] = reactExports.useState(() => !!initialCreateDraft);
+  const [creating, setCreating] = reactExports.useState(false);
   const [viewingId, setViewingId] = reactExports.useState(null);
-  const handledDraftKeyRef = reactExports.useRef(initialCreateDraft?.createdAt ?? null);
   const viewingProfile = viewingId ? profiles.find((p2) => p2.id === viewingId) || null : null;
-  reactExports.useEffect(() => {
-    if (!initialCreateDraft) return;
-    const draftKey = initialCreateDraft.createdAt ?? "draft";
-    if (handledDraftKeyRef.current === draftKey && creating) return;
-    handledDraftKeyRef.current = draftKey;
-    setViewingId(null);
-    setCreating(true);
-  }, [creating, initialCreateDraft]);
   reactExports.useEffect(() => {
     if (viewingId && !profiles.find((p2) => p2.id === viewingId)) {
       setViewingId(null);
@@ -28075,12 +28259,19 @@ function MySizingProfilesView({
       t: t2
     },
     `create-${initialCreateDraft?.createdAt ?? "blank"}`
-  ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msp-header", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "ps-msp-title", children: t2("My Sizing Profiles") }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "ps-msp-subtitle", children: t2("Manage your bespoke silhouettes. Switch between profiles for different fits or create a new one for specific garment types.") })
+  ) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msp-home", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "ps-msp-welcome-panel", "aria-label": t2("Profile welcome"), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-msp-kicker", children: t2("Welcome") }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "ps-msp-title", children: t2("My Sizing Profiles") }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "ps-msp-subtitle", children: profiles.length > 0 ? t2("Choose a saved profile or create a new one before finding your best fit.") : t2("Create your first fit profile to save your measurements, photo, and size history.") })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msp-header-actions", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "ps-msp-primary-create", onClick: () => setCreating(true), children: t2("Create New Profile") }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "ps-msp-logout", onClick: onLogout, children: t2("Sign out") })
+      ] })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msp-grid", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("section", { className: "ps-msp-cards-panel", "aria-label": t2("Your profiles"), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-msp-cards-scroll", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msp-grid", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(CreateProfileCard, { onClick: () => setCreating(true), t: t2 }),
       profiles.map((p2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
         ProfileCard,
@@ -28095,7 +28286,7 @@ function MySizingProfilesView({
         },
         p2.id
       ))
-    ] })
+    ] }) }) })
   ] }) }) });
 }
 const googleIcon = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3e%3cpath%20fill='%23FFC107'%20d='M43.6%2020.5H42V20H24v8h11.3C33.7%2032.7%2029.3%2036%2024%2036c-6.6%200-12-5.4-12-12s5.4-12%2012-12c3.1%200%205.9%201.2%208%203.1l5.7-5.7C34.1%206.1%2029.3%204%2024%204%2012.9%204%204%2012.9%204%2024s8.9%2020%2020%2020%2020-8.9%2020-20c0-1.3-.1-2.4-.4-3.5z'/%3e%3cpath%20fill='%23FF3D00'%20d='M6.3%2014.7l6.6%204.8C14.7%2015.1%2019%2012%2024%2012c3.1%200%205.9%201.2%208%203.1l5.7-5.7C34.1%206.1%2029.3%204%2024%204%2016.2%204%209.5%208.5%206.3%2014.7z'/%3e%3cpath%20fill='%234CAF50'%20d='M24%2044c5.2%200%209.9-2%2013.4-5.2l-6.2-5.2C29.2%2035.1%2026.7%2036%2024%2036c-5.2%200-9.6-3.3-11.3-7.8l-6.5%205C9.4%2039.6%2016.1%2044%2024%2044z'/%3e%3cpath%20fill='%231976D2'%20d='M43.6%2020.5H42V20H24v8h11.3c-.8%202.3-2.3%204.2-4.1%205.6l6.2%205.2C36.9%2039.2%2044%2034%2044%2024c0-1.3-.1-2.4-.4-3.5z'/%3e%3c/svg%3e";
@@ -32102,7 +32293,7 @@ if (typeof document !== "undefined") {
   if (!document.getElementById(id2)) {
     const el2 = document.createElement("style");
     el2.id = id2;
-    el2.textContent = STYLES$1;
+    el2.textContent = STYLES;
     document.head.appendChild(el2);
   }
 }
@@ -32154,6 +32345,27 @@ function sanitizeHistoryEntry(entry) {
     hasResult: entry.hasResult || !!entry.resultImageUrl || void 0
   };
 }
+function comparableProductId(value) {
+  return String(value || "").trim().replace(/^gid:\/\/shopify\/Product\//i, "").replace(/^Product\//i, "");
+}
+function historyEntryMatchesProduct(entry, productId, productTitle) {
+  const currentId = comparableProductId(productId);
+  const entryId = comparableProductId(entry.productId);
+  if (currentId && entryId) return currentId === entryId;
+  const currentTitle = String(productTitle || "").trim().toLowerCase();
+  const entryTitle = String(entry.productTitle || "").trim().toLowerCase();
+  return !!currentTitle && !!entryTitle && currentTitle === entryTitle;
+}
+function hasCompletedTryOnResult(entry) {
+  return !!(entry.resultImageUrl || entry.hasResult);
+}
+function dispatchTryOnCompleteEvent(detail) {
+  if (typeof window === "undefined") return;
+  try {
+    window.dispatchEvent(new CustomEvent("primestyle:tryon-complete", { detail }));
+  } catch {
+  }
+}
 function computeMatchScore(recData) {
   if (!recData) return null;
   const all = [];
@@ -32209,6 +32421,7 @@ function PrimeStyleTryonInner({
   productDescription,
   productMaterial,
   buttonText,
+  limitOneColorTryOnPerProduct = false,
   apiUrl,
   showPoweredBy = true,
   showIcon = true,
@@ -32542,6 +32755,12 @@ function PrimeStyleTryonInner({
       setProfileAuthLoadingProvider(null);
     }
   }, [activeProfileId, apiUrl, hydrateProfileStore, profiles, t2]);
+  const handleProfileLogout = reactExports.useCallback(() => {
+    clearStoredProfileSession();
+    setProfileSession(null);
+    setProfileAuthError(null);
+    setProfileAuthLoadingProvider(null);
+  }, []);
   const fileInputRef = reactExports.useRef(null);
   const apiRef = reactExports.useRef(null);
   const sseRef = reactExports.useRef(null);
@@ -33201,6 +33420,14 @@ function PrimeStyleTryonInner({
         cleanupJob();
         setTryOnProcessing(false);
         setTryOnStartedAt(null);
+        dispatchTryOnCompleteEvent({
+          jobId: update.galleryId,
+          historyEntryId: currentHistoryEntryIdRef.current,
+          productId: effectiveProductId,
+          productTitle,
+          recommendedSize: sizingResultRef.current?.recommendedSize,
+          resultImageUrl: update.imageUrl
+        });
         onComplete?.({ jobId: update.galleryId, imageUrl: update.imageUrl });
       }
     } else if (update.status === "failed") {
@@ -34404,6 +34631,21 @@ function PrimeStyleTryonInner({
     setDrawer(null);
     setView("size-result");
   }, [cleanupJob, productId, productTitle, effectiveProductImages, effectiveProductCarouselItems]);
+  const savedOneColorFitEntry = reactExports.useMemo(() => {
+    if (!limitOneColorTryOnPerProduct) return null;
+    return history.find(
+      (entry) => hasCompletedTryOnResult(entry) && !!entry.recommendedSize && historyEntryMatchesProduct(entry, effectiveProductId, productTitle)
+    ) || null;
+  }, [limitOneColorTryOnPerProduct, history, effectiveProductId, productTitle]);
+  const storefrontButtonText = savedOneColorFitEntry?.recommendedSize ? `${t2("Your size is")} ${savedOneColorFitEntry.recommendedSize}` : resolvedButtonText;
+  const handleStorefrontButtonClick = reactExports.useCallback(() => {
+    if (savedOneColorFitEntry) {
+      onOpen?.();
+      restoreHistory(savedOneColorFitEntry);
+      return;
+    }
+    handleOpen();
+  }, [handleOpen, onOpen, restoreHistory, savedOneColorFitEntry]);
   const updateField = reactExports.useCallback((key, val) => {
     formRef.current[key] = val;
   }, []);
@@ -34814,6 +35056,7 @@ function PrimeStyleTryonInner({
               lsSet("profiles", lsGet("profiles", []).filter((p2) => p2.id !== id2));
             },
             onRequestDelete: (id2) => setDeleteConfirmId(id2),
+            onLogout: handleProfileLogout,
             onClose: () => setView("body-profile"),
             onRegisterBackInterceptor: handleRegisterProfilesBack,
             t: t2
@@ -34873,15 +35116,12 @@ function PrimeStyleTryonInner({
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "button",
       {
-        onClick: (e) => {
-          console.log("[ps-sdk] button click event fired", e);
-          handleOpen();
-        },
+        onClick: handleStorefrontButtonClick,
         className: cx(cx("ps-tryon-btn", isTextTrigger ? "ps-tryon-btn--text" : void 0), cn.button),
         type: "button",
         children: [
           !isTextTrigger && showIcon !== false && (buttonIcon || /* @__PURE__ */ jsxRuntimeExports.jsx(CameraIcon$1, {})),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: resolvedButtonText })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: storefrontButtonText })
         ]
       }
     ),
@@ -35159,7 +35399,7 @@ class PrimeStyleTryonErrorBoundary extends reactExports.Component {
 function PrimeStyleTryon(props) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(PrimeStyleTryonErrorBoundary, { ...props });
 }
-const STYLES = `
+const SIZE_GUIDE_STYLES = `
   .ps-sg-btn {
     display: inline-flex;
     align-items: center;
@@ -35322,7 +35562,7 @@ function injectStyles() {
   if (stylesInjected) return;
   const tag = document.createElement("style");
   tag.id = "ps-sg-styles";
-  tag.textContent = STYLES;
+  tag.textContent = SIZE_GUIDE_STYLES;
   document.head.appendChild(tag);
   stylesInjected = true;
 }
@@ -35514,10 +35754,112 @@ function installProductViewTracking() {
   roots.forEach((r2) => maybeFireProductView(r2));
 }
 const TAG = "[primestyle-tryon]";
-console.log(`${TAG} bundle loaded — version 5.7.x storefront entry`);
+const SHADOW_STYLE_ATTR = "data-primestyle-sdk";
+const DOCUMENT_STYLE_ATTR = "data-primestyle-sdk-document";
+const SHADOW_MOUNT_ATTR = "data-primestyle-mount";
+const PORTAL_HOST_ATTR = "data-primestyle-portal-host";
+const PORTAL_MOUNT_ATTR = "data-primestyle-portal-mount";
+const SDK_CSS = `${STYLES}
+
+${SIZE_GUIDE_STYLES}`;
+console.log(`${TAG} storefront bundle loaded`);
 installCartHook();
 installProductViewTracking();
 const MOUNTED = /* @__PURE__ */ new WeakMap();
+const MOUNT_SIGNATURES = /* @__PURE__ */ new WeakMap();
+const MOUNTING = /* @__PURE__ */ new WeakSet();
+function ensureDocumentStyles() {
+  if (typeof document === "undefined" || !document.head) return;
+  let styleTag = document.head.querySelector(`style[${DOCUMENT_STYLE_ATTR}]`);
+  if (!styleTag) {
+    styleTag = document.createElement("style");
+    styleTag.setAttribute(DOCUMENT_STYLE_ATTR, "true");
+    document.head.appendChild(styleTag);
+  }
+  if (styleTag.textContent !== SDK_CSS) {
+    styleTag.textContent = SDK_CSS;
+  }
+}
+function getPortalHost() {
+  if (typeof document === "undefined" || !document.body) return void 0;
+  let portalHost = document.querySelector(`[${PORTAL_HOST_ATTR}]`);
+  if (!portalHost) {
+    portalHost = document.createElement("div");
+    portalHost.setAttribute(PORTAL_HOST_ATTR, "true");
+    document.body.appendChild(portalHost);
+  }
+  portalHost.style.setProperty("display", "block", "important");
+  portalHost.style.setProperty("position", "fixed", "important");
+  portalHost.style.setProperty("inset", "0", "important");
+  portalHost.style.setProperty("width", "100vw", "important");
+  portalHost.style.setProperty("height", "100vh", "important");
+  portalHost.style.setProperty("z-index", "2147483647", "important");
+  portalHost.style.setProperty("visibility", "visible", "important");
+  portalHost.style.setProperty("opacity", "1", "important");
+  portalHost.style.setProperty("pointer-events", "none", "important");
+  portalHost.style.setProperty("transform", "none", "important");
+  portalHost.style.setProperty("margin", "0", "important");
+  portalHost.style.setProperty("padding", "0", "important");
+  if (typeof portalHost.attachShadow === "function") {
+    try {
+      const shadow = portalHost.shadowRoot || portalHost.attachShadow({ mode: "open" });
+      let styleTag = shadow.querySelector(`style[${SHADOW_STYLE_ATTR}]`);
+      if (!styleTag) {
+        styleTag = document.createElement("style");
+        styleTag.setAttribute(SHADOW_STYLE_ATTR, "true");
+        shadow.appendChild(styleTag);
+      }
+      if (styleTag.textContent !== SDK_CSS) {
+        styleTag.textContent = SDK_CSS;
+      }
+      let portalMount = shadow.querySelector(`[${PORTAL_MOUNT_ATTR}]`);
+      if (!portalMount) {
+        portalMount = document.createElement("div");
+        portalMount.setAttribute(PORTAL_MOUNT_ATTR, "true");
+        portalMount.className = "ps-tryon-portal-mount";
+        shadow.appendChild(portalMount);
+      }
+      portalMount.style.setProperty("display", "block", "important");
+      portalMount.style.setProperty("width", "100%", "important");
+      portalMount.style.setProperty("height", "100%", "important");
+      portalMount.style.setProperty("pointer-events", "none", "important");
+      return portalMount;
+    } catch (err) {
+      console.warn(`${TAG} portal shadow DOM mount failed; falling back to page DOM`, err);
+    }
+  }
+  ensureDocumentStyles();
+  return portalHost;
+}
+function createShadowMountTarget(el2) {
+  if (!(el2 instanceof HTMLElement) || typeof el2.attachShadow !== "function") {
+    return { mountTarget: el2 };
+  }
+  try {
+    const shadow = el2.shadowRoot || el2.attachShadow({ mode: "open" });
+    let styleTag = shadow.querySelector(`style[${SHADOW_STYLE_ATTR}]`);
+    if (!styleTag) {
+      styleTag = document.createElement("style");
+      styleTag.setAttribute(SHADOW_STYLE_ATTR, "true");
+      shadow.appendChild(styleTag);
+    }
+    if (styleTag.textContent !== SDK_CSS) {
+      styleTag.textContent = SDK_CSS;
+    }
+    let mountTarget = shadow.querySelector(`[${SHADOW_MOUNT_ATTR}]`);
+    if (!mountTarget) {
+      mountTarget = document.createElement("div");
+      mountTarget.setAttribute(SHADOW_MOUNT_ATTR, "true");
+      mountTarget.className = "ps-tryon-shadow-mount";
+      shadow.appendChild(mountTarget);
+    }
+    el2.setAttribute("data-primestyle-shadow", "true");
+    return { mountTarget, portalContainer: getPortalHost() ?? document.body };
+  } catch (err) {
+    console.warn(`${TAG} shadow DOM mount failed; falling back to page DOM`, err);
+    return { mountTarget: el2 };
+  }
+}
 function readDataAttrs(el2) {
   const out = {};
   for (const attr of Array.from(el2.attributes)) {
@@ -35536,6 +35878,13 @@ function parseJsonAttr(raw, fallback) {
     return fallback;
   }
 }
+function buildMountSignature(data) {
+  const relevant = {};
+  for (const key of Object.keys(data).sort()) {
+    relevant[key] = data[key];
+  }
+  return JSON.stringify(relevant);
+}
 function resolveProductUrl(raw) {
   const source = raw || (typeof window !== "undefined" ? window.location.href : "");
   if (!source) return void 0;
@@ -35556,13 +35905,18 @@ function buildPropsFromDataAttrs(data) {
     productTitle: data.productTitle,
     productUrl: resolveProductUrl(data.productUrl),
     productImage: data.productImage,
-    productCarouselItems: parseJsonAttr(data.productCarouselItems, void 0),
+    productImages: parseJsonAttr(data.productImages, void 0),
+    productCarouselItems: parseJsonAttr(
+      data.productCarouselItems,
+      void 0
+    ),
     productDescription: data.productDescription,
     productGender: data.productGender,
     productType: data.productType,
     productVendor: data.productVendor,
     productTags: data.productTags ? data.productTags.split(",").map((t2) => t2.trim()).filter(Boolean) : void 0,
     buttonText: data.buttonText || "Find Your Size",
+    limitOneColorTryOnPerProduct: data.limitOneColorTryOnPerProduct === "true",
     locale: data.locale,
     sizeGuideData: parseJsonAttr(data.cachedSizeguide, void 0),
     sizingCountry: data.sizingCountry,
@@ -35599,22 +35953,39 @@ async function fetchSizeGuideForProduct(proxyUrl, productId) {
   }
 }
 async function mount(el2) {
-  if (MOUNTED.has(el2)) {
-    console.log(`${TAG} already mounted on`, el2);
+  const data = readDataAttrs(el2);
+  const signature = buildMountSignature(data);
+  const existingRoot = MOUNTED.get(el2);
+  if (existingRoot) {
+    if (MOUNT_SIGNATURES.get(el2) === signature) {
+      console.log(`${TAG} already mounted on`, el2);
+      return;
+    }
+    console.log(`${TAG} data changed; remounting on`, el2);
+    try {
+      existingRoot.unmount();
+    } catch (err) {
+      console.warn(`${TAG} previous React root failed to unmount`, err);
+    }
+    MOUNTED.delete(el2);
+    MOUNT_SIGNATURES.delete(el2);
+  }
+  if (MOUNTING.has(el2)) {
+    console.log(`${TAG} mount already in progress on`, el2);
     return;
   }
+  MOUNTING.add(el2);
   console.log(`${TAG} mounting on element`, el2);
-  const data = readDataAttrs(el2);
   console.log(`${TAG} read data attributes`, data);
   const props = buildPropsFromDataAttrs(data);
-  const hadCachedSizeguide = !!data.cachedSizeguide;
+  const shouldRenderStandaloneSizeGuide = !!data.cachedSizeguide && data.disableSizeGuideButton !== "true";
   if (!props.sizeGuideData && props.productId && props.apiUrl) {
     const fetched = await fetchSizeGuideForProduct(props.apiUrl, props.productId);
     if (fetched) {
       props.sizeGuideData = fetched;
     }
   }
-  if (hadCachedSizeguide && props.sizeGuideData) {
+  if (shouldRenderStandaloneSizeGuide && props.sizeGuideData) {
     try {
       const buttonStyles = props.buttonStyles;
       createSizeGuideButton(el2, props.sizeGuideData, {
@@ -35626,13 +35997,22 @@ async function mount(el2) {
     }
   }
   try {
-    const root = createRoot(el2);
-    root.render(reactExports.createElement(PrimeStyleTryon, props));
+    const { mountTarget, portalContainer } = createShadowMountTarget(el2);
+    const root = createRoot(mountTarget);
+    root.render(
+      reactExports.createElement(PrimeStyleTryon, {
+        ...props,
+        portalContainer
+      })
+    );
     MOUNTED.set(el2, root);
+    MOUNT_SIGNATURES.set(el2, signature);
     console.log(`${TAG} ✓ mounted React component`);
     maybeFireProductView(el2);
   } catch (err) {
     console.error(`${TAG} ✗ React mount failed`, err);
+  } finally {
+    MOUNTING.delete(el2);
   }
 }
 function mountAll() {