@primestyleai/tryon 3.7.0 → 3.9.0

package/dist/react/index.js

@@ -1,7 +1,366 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useState, useEffect, useRef, useMemo, useCallback } from "react";
-import { A as ApiClient, S as SseClient, i as isValidImageFile, c as compressImage, P as PrimeStyleError } from "../image-utils-C9bJ1zKO.js";
+import { useState, useEffect, useMemo, useRef, useCallback } from "react";
+import { c as createT, A as ApiClient, S as SseClient, i as isValidImageFile, a as compressImage, P as PrimeStyleError } from "../index-B0KE3c8S.js";
+const HEADER_ALIASES = {
+  // ── Size label columns (skipped during field derivation) ──
+  size: "__size__",
+  sizes: "__size__",
+  label: "__size__",
+  taglia: "__size__",
+  // IT
+  taille: "__size__",
+  // FR
+  größe: "__size__",
+  // DE
+  groesse: "__size__",
+  tamaño: "__size__",
+  // ES
+  サイズ: "__size__",
+  // JP
+  // ── Chest / Bust ──
+  chest: "chest",
+  "chest (cm)": "chest",
+  "chest(cm)": "chest",
+  "chest (in)": "chest",
+  bust: "bust",
+  "bust (cm)": "bust",
+  "bust(cm)": "bust",
+  "bust (in)": "bust",
+  "chest/bust": "chest",
+  "chest / bust": "chest",
+  petto: "chest",
+  // IT
+  poitrine: "bust",
+  // FR
+  brust: "chest",
+  // DE
+  // ── Waist ──
+  waist: "waist",
+  "waist (cm)": "waist",
+  "waist(cm)": "waist",
+  "waist (in)": "waist",
+  vita: "waist",
+  // IT
+  taille_mesure: "waist",
+  // FR (disambiguation from size label)
+  "tour de taille": "waist",
+  taille_cm: "waist",
+  // ── Hips ──
+  hips: "hips",
+  hip: "hips",
+  "hips (cm)": "hips",
+  "hip (cm)": "hips",
+  "hips(cm)": "hips",
+  "hips (in)": "hips",
+  fianchi: "hips",
+  // IT
+  hanches: "hips",
+  // FR
+  hüfte: "hips",
+  // DE
+  // ── Shoulder ──
+  shoulder: "shoulderWidth",
+  shoulders: "shoulderWidth",
+  "shoulder width": "shoulderWidth",
+  "shoulder (cm)": "shoulderWidth",
+  "shoulders (cm)": "shoulderWidth",
+  "shoulder width (cm)": "shoulderWidth",
+  spalle: "shoulderWidth",
+  // IT
+  épaules: "shoulderWidth",
+  // FR
+  schulter: "shoulderWidth",
+  // DE
+  // ── Sleeve ──
+  sleeve: "sleeveLength",
+  "sleeve length": "sleeveLength",
+  "sleeve (cm)": "sleeveLength",
+  "sleeve length (cm)": "sleeveLength",
+  manica: "sleeveLength",
+  // IT
+  manche: "sleeveLength",
+  // FR
+  ärmel: "sleeveLength",
+  // DE
+  // ── Inseam ──
+  inseam: "inseam",
+  "inseam (cm)": "inseam",
+  "inseam(cm)": "inseam",
+  "inseam (in)": "inseam",
+  "inside leg": "inseam",
+  "inside leg (cm)": "inseam",
+  cavallo: "inseam",
+  // IT
+  entrejambe: "inseam",
+  // FR
+  // ── Neck ──
+  neck: "neckCircumference",
+  collar: "neckCircumference",
+  "neck (cm)": "neckCircumference",
+  "collar (cm)": "neckCircumference",
+  collo: "neckCircumference",
+  // IT
+  col: "neckCircumference",
+  // FR
+  // ── Length (body/garment) ──
+  length: "length",
+  "body length": "length",
+  "length (cm)": "length",
+  "body length (cm)": "length",
+  lunghezza: "length",
+  // IT
+  longueur: "length",
+  // FR
+  // ── Thigh ──
+  thigh: "thighCircumference",
+  "thigh (cm)": "thighCircumference",
+  coscia: "thighCircumference",
+  // IT
+  // ── Foot / Shoe ──
+  "foot length": "footLengthCm",
+  "foot length (cm)": "footLengthCm",
+  "foot (cm)": "footLengthCm",
+  cm: "footLengthCm",
+  eu: "shoeEU",
+  "eu size": "shoeEU",
+  eur: "shoeEU",
+  us: "shoeUS",
+  "us size": "shoeUS",
+  uk: "shoeUK",
+  "uk size": "shoeUK"
+};
+const FIELD_LABELS = {
+  chest: "Chest",
+  bust: "Bust",
+  waist: "Waist",
+  hips: "Hips",
+  shoulderWidth: "Shoulders",
+  sleeveLength: "Sleeve Length",
+  inseam: "Inseam",
+  neckCircumference: "Neck",
+  length: "Length",
+  thighCircumference: "Thigh",
+  footLengthCm: "Foot Length",
+  shoeEU: "Shoe Size (EU)",
+  shoeUS: "Shoe Size (US)",
+  shoeUK: "Shoe Size (UK)"
+};
+const FIELD_PLACEHOLDERS = {
+  chest: "e.g. 104",
+  bust: "e.g. 88",
+  waist: "e.g. 84",
+  hips: "e.g. 96",
+  shoulderWidth: "e.g. 46",
+  sleeveLength: "e.g. 64",
+  inseam: "e.g. 81",
+  neckCircumference: "e.g. 40",
+  length: "e.g. 72",
+  thighCircumference: "e.g. 58",
+  footLengthCm: "e.g. 27",
+  shoeEU: "e.g. 42",
+  shoeUS: "e.g. 9",
+  shoeUK: "e.g. 8"
+};
+const SIZE_LABEL_PATTERN = /^(XXS|XS|S|M|L|XL|XXL|XXXL|2XL|3XL|4XL|5XL|\d{2,3}(\/\d{2,3})?(R|S|L)?|ONE\s*SIZE)$/i;
+const SHOE_FIELD_KEYS = /* @__PURE__ */ new Set(["shoeEU", "shoeUS", "shoeUK", "footLengthCm"]);
+function resolveHeaderKey(header) {
+  const cleaned = header.toLowerCase().trim().replace(/\(.*?\)/g, "").trim();
+  return HEADER_ALIASES[cleaned] ?? HEADER_ALIASES[header.toLowerCase().trim()] ?? null;
+}
+function deriveRequiredFields(headers) {
+  const fields = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const h of headers) {
+    const fieldKey = resolveHeaderKey(h);
+    if (!fieldKey || fieldKey === "__size__" || seen.has(fieldKey)) continue;
+    seen.add(fieldKey);
+    const isShoe = SHOE_FIELD_KEYS.has(fieldKey);
+    fields.push({
+      key: fieldKey,
+      label: FIELD_LABELS[fieldKey] || h,
+      required: true,
+      unit: isShoe && fieldKey !== "footLengthCm" ? "size" : "cm",
+      placeholder: FIELD_PLACEHOLDERS[fieldKey] || "",
+      category: isShoe ? "shoe" : "body"
+    });
+  }
+  fields.sort((a, b) => {
+    if (a.category !== b.category) return a.category === "body" ? -1 : 1;
+    return 0;
+  });
+  return fields;
+}
+function isObject(v) {
+  return typeof v === "object" && v !== null && !Array.isArray(v);
+}
+function isSizeLabel(key) {
+  return SIZE_LABEL_PATTERN.test(key.trim());
+}
+function allKeysAreSizeLabels(obj) {
+  const keys = Object.keys(obj);
+  if (keys.length === 0) return false;
+  return keys.every((k) => isSizeLabel(k));
+}
+function allKeysAreSectionNames(obj) {
+  const keys = Object.keys(obj);
+  if (keys.length < 2) return false;
+  return keys.every((k) => {
+    const val = obj[k];
+    const isContainer = Array.isArray(val) || isObject(val);
+    const isNotSizeLabel = !isSizeLabel(k);
+    const isNotMeasurement = !HEADER_ALIASES[k.toLowerCase().trim()];
+    return isContainer && isNotSizeLabel && isNotMeasurement;
+  });
+}
+function tryPreNormalized(input) {
+  if (!isObject(input)) return null;
+  const obj = input;
+  if (obj.found === true && Array.isArray(obj.headers) && Array.isArray(obj.rows) && obj.headers.length > 0 && obj.rows.length > 0) {
+    const headers = obj.headers;
+    const rows = obj.rows.map((r) => r.map(String));
+    return {
+      found: true,
+      title: typeof obj.title === "string" ? obj.title : void 0,
+      headers,
+      rows,
+      requiredFields: Array.isArray(obj.requiredFields) && obj.requiredFields.length > 0 ? obj.requiredFields : deriveRequiredFields(headers)
+    };
+  }
+  return null;
+}
+function tryKeyValueObject(input) {
+  if (!isObject(input)) return null;
+  const obj = input;
+  if (!allKeysAreSizeLabels(obj)) return null;
+  const sizeLabels = Object.keys(obj);
+  const firstVal = obj[sizeLabels[0]];
+  if (!isObject(firstVal)) return null;
+  const measureKeySet = /* @__PURE__ */ new Set();
+  for (const label of sizeLabels) {
+    const sizeObj = obj[label];
+    if (!isObject(sizeObj)) return null;
+    for (const k of Object.keys(sizeObj)) {
+      measureKeySet.add(k);
+    }
+  }
+  const measureKeys = Array.from(measureKeySet);
+  const headers = ["Size", ...measureKeys];
+  const rows = sizeLabels.map((label) => {
+    const sizeObj = obj[label];
+    return [label, ...measureKeys.map((k) => String(sizeObj[k] ?? ""))];
+  });
+  return { found: true, headers, rows, requiredFields: deriveRequiredFields(headers) };
+}
+function tryArrayOfObjects(input) {
+  if (!Array.isArray(input) || input.length === 0) return null;
+  if (!isObject(input[0])) return null;
+  const first = input[0];
+  const sizeKey = Object.keys(first).find((k) => {
+    const alias = HEADER_ALIASES[k.toLowerCase().trim()];
+    return alias === "__size__";
+  }) || Object.keys(first).find((k) => k.toLowerCase() === "size" || k.toLowerCase() === "label");
+  if (!sizeKey) return null;
+  const allKeys = /* @__PURE__ */ new Set();
+  for (const row of input) {
+    if (!isObject(row)) return null;
+    for (const k of Object.keys(row)) {
+      allKeys.add(k);
+    }
+  }
+  const measureKeys = Array.from(allKeys).filter((k) => k !== sizeKey);
+  const headers = [sizeKey, ...measureKeys];
+  const rows = input.map((row) => {
+    const obj = row;
+    return headers.map((h) => String(obj[h] ?? ""));
+  });
+  const displayHeaders = headers.map((h) => h.charAt(0).toUpperCase() + h.slice(1));
+  return { found: true, headers: displayHeaders, rows, requiredFields: deriveRequiredFields(displayHeaders) };
+}
+function tryArrayOfArrays(input) {
+  if (!Array.isArray(input) || input.length < 2) return null;
+  if (!Array.isArray(input[0])) return null;
+  const headers = input[0].map(String);
+  const rows = input.slice(1).map((r) => r.map(String));
+  if (headers.length < 2) return null;
+  return { found: true, headers, rows, requiredFields: deriveRequiredFields(headers) };
+}
+function tryWrapperObject(input) {
+  if (!isObject(input)) return null;
+  const obj = input;
+  const arrayKey = ["sizes", "data", "sizeChart", "size_chart", "sizeGuide", "size_guide", "chart"].find(
+    (k) => Array.isArray(obj[k])
+  );
+  if (!arrayKey) return null;
+  const inner = obj[arrayKey];
+  return tryArrayOfObjects(inner) ?? tryArrayOfArrays(inner);
+}
+function tryMultiSection(input) {
+  if (!isObject(input)) return null;
+  const obj = input;
+  if (!allKeysAreSectionNames(obj)) return null;
+  const sections = {};
+  let primaryHeaders = [];
+  let primaryRows = [];
+  const allFieldKeys = /* @__PURE__ */ new Set();
+  const allFields = [];
+  for (const [sectionName, sectionData] of Object.entries(obj)) {
+    const normalized = tryArrayOfObjects(sectionData) ?? tryArrayOfArrays(sectionData) ?? tryKeyValueObject(sectionData) ?? tryWrapperObject(sectionData);
+    if (!normalized) return null;
+    sections[sectionName] = {
+      headers: normalized.headers,
+      rows: normalized.rows,
+      requiredFields: normalized.requiredFields
+    };
+    if (primaryHeaders.length === 0) {
+      primaryHeaders = normalized.headers;
+      primaryRows = normalized.rows;
+    }
+    for (const f of normalized.requiredFields) {
+      if (!allFieldKeys.has(f.key)) {
+        allFieldKeys.add(f.key);
+        allFields.push(f);
+      }
+    }
+  }
+  if (Object.keys(sections).length === 0) return null;
+  return {
+    found: true,
+    headers: primaryHeaders,
+    rows: primaryRows,
+    requiredFields: allFields,
+    sections
+  };
+}
+function tryJsonString(input) {
+  if (typeof input !== "string") return null;
+  const trimmed = input.trim();
+  if (trimmed.startsWith("<") || trimmed.includes("<table") || trimmed.includes("<tr")) {
+    return null;
+  }
+  try {
+    const parsed = JSON.parse(trimmed);
+    return normalizeSizeGuide(parsed).success ? normalizeSizeGuide(parsed).data : null;
+  } catch {
+    return null;
+  }
+}
+function normalizeSizeGuide(input) {
+  if (input === null || input === void 0) {
+    return { success: false, reason: "no data provided" };
+  }
+  const result = tryPreNormalized(input) ?? tryMultiSection(input) ?? tryKeyValueObject(input) ?? tryArrayOfObjects(input) ?? tryArrayOfArrays(input) ?? tryWrapperObject(input) ?? tryJsonString(input);
+  if (result && result.requiredFields.length > 0) {
+    return { success: true, data: result };
+  }
+  if (result && result.requiredFields.length === 0 && result.rows.length > 0) {
+    return { success: true, data: result };
+  }
+  return {
+    success: false,
+    reason: typeof input === "string" ? "unstructured string" : "unrecognised format"
+  };
+}
 function cx(base, override) {
   return override ? `${base} ${override}` : base;
 }
@@ -51,8 +410,8 @@ const SIZING_COUNTRIES = [
   { code: "AU", label: "Australia" },
   { code: "BR", label: "Brazil" }
 ];
-const STEP_LABELS = ["", "Welcome", "Photo", "Size", "Generate", "Results"];
-const TOTAL_STEPS = 5;
+const STEP_LABELS = ["", "Welcome", "Size", "Your Fit", "Try On"];
+const TOTAL_STEPS = 4;
 function detectLocale() {
   if (typeof window === "undefined") return "US";
   const l = (navigator.language || "en-US").toLowerCase();
@@ -78,22 +437,6 @@ function lbsToKg(lbs) {
 function ftInToCm(ft, inch) {
   return +(ft * 30.48 + inch * 2.54).toFixed(1);
 }
-function SvgIcon({ d, size = 18, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      width: size,
-      height: size,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: /* @__PURE__ */ jsx("path", { d })
-    }
-  );
-}
 function CameraIcon({ size = 18 }) {
   return /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsx("path", { d: "M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z" }),
@@ -181,11 +524,12 @@ function PrimeStyleTryon(props) {
 function PrimeStyleTryonInner({
   productImage,
   productTitle = "Product",
-  buttonText = "Virtual Try-On",
+  buttonText,
   apiUrl,
   showPoweredBy = true,
   showIcon = true,
   buttonIcon,
+  locale,
   buttonStyles: btnS = {},
   modalStyles: mdlS = {},
   classNames: cn = {},
@@ -199,6 +543,8 @@ function PrimeStyleTryonInner({
   onError,
   sizeGuideData
 }) {
+  const t = useMemo(() => createT(locale), [locale]);
+  const resolvedButtonText = buttonText ?? t("Virtual Try-On");
   const [view, setView] = useState("idle");
   const [selectedFile, setSelectedFile] = useState(null);
   const [previewUrl, setPreviewUrl] = useState(null);
@@ -267,12 +613,12 @@ function PrimeStyleTryonInner({
       if (progressIntervalRef.current) return;
       progressRef.current = 0;
       const statuses = [
-        { at: 0, text: "Preparing your image..." },
-        { at: 15, text: "Analyzing body proportions..." },
-        { at: 30, text: "Matching garment to your photo..." },
-        { at: 50, text: "Generating virtual try-on..." },
-        { at: 75, text: "Refining details..." },
-        { at: 90, text: "Almost there..." }
+        { at: 0, text: t("Preparing your image...") },
+        { at: 15, text: t("Analyzing body proportions...") },
+        { at: 30, text: t("Matching garment to your photo...") },
+        { at: 50, text: t("Generating virtual try-on...") },
+        { at: 75, text: t("Refining details...") },
+        { at: 90, text: t("Almost there...") }
       ];
       progressIntervalRef.current = setInterval(() => {
         const p = progressRef.current;
@@ -327,13 +673,25 @@ function PrimeStyleTryonInner({
   useEffect(() => {
     lsSet("history", history);
   }, [history]);
+  const normalizedGuide = useMemo(() => {
+    if (!sizeGuideData) return null;
+    return normalizeSizeGuide(sizeGuideData);
+  }, [sizeGuideData]);
   useEffect(() => {
-    if (view !== "sizing-choice" || sizeGuideFetchedRef.current || !apiRef.current) return;
+    if (view !== "sizing-choice" || sizeGuideFetchedRef.current) return;
     sizeGuideFetchedRef.current = true;
     if (!sizeGuideData) {
       setSizeGuide({ found: false });
       return;
     }
+    if (normalizedGuide?.success) {
+      setSizeGuide(normalizedGuide.data);
+      return;
+    }
+    if (!apiRef.current) {
+      setSizeGuide({ found: false });
+      return;
+    }
     setSizeGuideFetching(true);
     const baseUrl = getApiUrl(apiUrl);
     const key = getApiKey();
@@ -345,20 +703,20 @@ function PrimeStyleTryonInner({
       if (data) setSizeGuide(data);
       else setSizeGuide({ found: false });
     }).catch(() => setSizeGuide({ found: false })).finally(() => setSizeGuideFetching(false));
-  }, [view, apiUrl, productTitle, sizeGuideData]);
+  }, [view, apiUrl, productTitle, sizeGuideData, normalizedGuide]);
   const stepIndex = useMemo(() => {
     switch (view) {
       case "welcome":
         return 1;
-      case "upload":
-        return 2;
       case "sizing-choice":
       case "sizing-form":
+        return 2;
+      case "size-result":
         return 3;
+      case "upload":
       case "processing":
-        return 4;
       case "result":
-        return 5;
+        return 4;
       default:
         return 1;
     }
@@ -385,6 +743,7 @@ function PrimeStyleTryonInner({
     setFormGender("male");
     sizeGuideFetchedRef.current = false;
     setSizeGuideFetching(false);
+    historySavedRef.current = false;
     unsubRef.current?.();
     unsubRef.current = null;
     if (pollingRef.current) {
@@ -395,13 +754,13 @@ function PrimeStyleTryonInner({
   }, [onClose, previewUrl]);
   const handleFileSelect = useCallback((file) => {
     if (!isValidImageFile(file)) {
-      setErrorMessage("Please upload a JPEG, PNG, or WebP image.");
+      setErrorMessage(t("Please upload a JPEG, PNG, or WebP image."));
       setView("error");
       onError?.({ message: "Invalid file type", code: "INVALID_FILE" });
       return;
     }
     if (file.size > 10 * 1024 * 1024) {
-      setErrorMessage("Image must be under 10MB.");
+      setErrorMessage(t("Image must be under 10MB."));
       setView("error");
       onError?.({ message: "File too large", code: "FILE_TOO_LARGE" });
       return;
@@ -435,7 +794,7 @@ function PrimeStyleTryonInner({
         progressRef.current = 100;
         if (progressBarRef.current) progressBarRef.current.style.width = "100%";
         if (progressTextRef.current) progressTextRef.current.textContent = "100%";
-        if (progressStatusRef.current) progressStatusRef.current.textContent = "Complete!";
+        if (progressStatusRef.current) progressStatusRef.current.textContent = t("Complete!");
         cleanupJob();
         setTimeout(() => setView("result"), 400);
         onComplete?.({ jobId: update.galleryId, imageUrl: update.imageUrl });
@@ -444,7 +803,7 @@ function PrimeStyleTryonInner({
       if (!completedRef.current) {
         completedRef.current = true;
         cleanupJob();
-        const msg = update.error || "Try-on generation failed";
+        const msg = update.error || t("Try-on generation failed");
         setErrorMessage(msg);
         setView("error");
         onError?.({ message: msg });
@@ -466,7 +825,10 @@ function PrimeStyleTryonInner({
       locale: sizingCountry,
       product: { title: productTitle, description: "", variants: [] }
     };
-    if (sizeGuide?.found) payload.sizeGuide = sizeGuide;
+    if (sizeGuide?.found) {
+      payload.sizeGuide = sizeGuide;
+      if (sizeGuide.sections) payload.sizeGuide = { ...sizeGuide, sections: sizeGuide.sections };
+    }
     payload.sizingUnit = sizingUnit;
     if (sizingMethod === "exact") {
       const m = { gender: formRef.current.gender || "male", sizingUnit };
@@ -514,9 +876,9 @@ function PrimeStyleTryonInner({
       setSizingLoading(false);
     }
   }, [apiUrl, sizingMethod, sizingCountry, heightUnit, weightUnit, sizingUnit, sizeGuide, productTitle, dynamicFields]);
-  const handleSubmit = useCallback(async () => {
+  const handleTryOnSubmit = useCallback(async () => {
     if (!selectedFile || !apiRef.current || !sseRef.current) {
-      const msg = !apiRef.current ? "Missing NEXT_PUBLIC_PRIMESTYLE_API_KEY" : "No file selected";
+      const msg = !apiRef.current ? t("SDK not configured. Please provide an API key.") : t("Something went wrong");
       setErrorMessage(msg);
       setView("error");
       onError?.({ message: msg, code: "SDK_NOT_CONFIGURED" });
@@ -524,10 +886,6 @@ function PrimeStyleTryonInner({
     }
     completedRef.current = false;
     setView("processing");
-    if (sizingMethod) {
-      setSizingLoading(true);
-      submitSizing();
-    }
     try {
       const modelImage = await compressImage(selectedFile);
       const response = await apiRef.current.submitTryOn(modelImage, productImage);
@@ -555,13 +913,13 @@ function PrimeStyleTryonInner({
         }
       }, 3e3);
     } catch (err) {
-      const message = err instanceof Error ? err.message : "Failed to start try-on";
+      const message = err instanceof Error ? err.message : t("Failed to start try-on");
       const code = err instanceof PrimeStyleError ? err.code : void 0;
       setErrorMessage(message);
       setView("error");
       onError?.({ message, code });
     }
-  }, [selectedFile, productImage, onProcessing, onError, handleVtoUpdate, sizingMethod, submitSizing]);
+  }, [selectedFile, productImage, onProcessing, onError, handleVtoUpdate]);
   const handleDownload = useCallback(() => {
     if (!resultImageUrl) return;
     if (resultImageUrl.startsWith("data:")) {
@@ -592,7 +950,7 @@ function PrimeStyleTryonInner({
     setSizingResult(null);
     setSizingLoading(false);
     setProfileSaved(false);
-    setView("upload");
+    setView("sizing-choice");
   }, [previewUrl, cleanupJob]);
   const applyProfile = useCallback((id) => {
     const p = profiles.find((pr) => pr.id === id);
@@ -712,22 +1070,30 @@ function PrimeStyleTryonInner({
     }
     setHistory((prev) => [entry, ...prev].slice(0, 50));
   }, [productTitle, productImage, resultImageUrl, sizingResult, activeProfileId, profiles]);
+  const historySavedRef = useRef(false);
   useEffect(() => {
-    if (view === "result" && (resultImageUrl || sizingResult)) {
+    if (view === "size-result" && sizingResult && !historySavedRef.current) {
+      historySavedRef.current = true;
+      saveHistoryEntry();
+    } else if (view === "result" && resultImageUrl && !historySavedRef.current) {
+      historySavedRef.current = true;
       saveHistoryEntry();
+    } else if (view === "welcome" || view === "sizing-choice") {
+      historySavedRef.current = false;
     }
-  }, [view]);
+  }, [view, sizingResult, resultImageUrl]);
   const updateField = useCallback((key, val) => {
     formRef.current[key] = val;
   }, []);
   const shoeField = useMemo(() => {
     const map = {
-      US: { key: "shoeUS", label: "Shoe size (US)", ph: "e.g. 10" },
-      UK: { key: "shoeUK", label: "Shoe size (UK)", ph: "e.g. 9" },
-      AU: { key: "shoeUK", label: "Shoe size (UK)", ph: "e.g. 9" }
+      US: { key: "shoeUS", labelKey: "Shoe size (US)", ph: "e.g. 10" },
+      UK: { key: "shoeUK", labelKey: "Shoe size (UK)", ph: "e.g. 9" },
+      AU: { key: "shoeUK", labelKey: "Shoe size (UK)", ph: "e.g. 9" }
     };
-    return map[sizingCountry] || { key: "shoeEU", label: "Shoe size (EU)", ph: "e.g. 43" };
-  }, [sizingCountry]);
+    const raw = map[sizingCountry] || { key: "shoeEU", labelKey: "Shoe size (EU)", ph: "e.g. 43" };
+    return { key: raw.key, label: t(raw.labelKey), ph: raw.ph };
+  }, [sizingCountry, t]);
   const rootVars = {
     "--ps-btn-bg": btnS.backgroundColor,
     "--ps-btn-color": btnS.textColor,
@@ -771,7 +1137,7 @@ function PrimeStyleTryonInner({
       i > 1 && /* @__PURE__ */ jsx("div", { className: `ps-tryon-stepper-line${i <= stepIndex ? " ps-done" : ""}` }),
       /* @__PURE__ */ jsxs("div", { className: `ps-tryon-stepper-step${i < stepIndex ? " ps-done" : i === stepIndex ? " ps-active" : ""}`, children: [
         /* @__PURE__ */ jsx("div", { className: "ps-tryon-stepper-circle", children: i < stepIndex ? /* @__PURE__ */ jsx(CheckIcon, {}) : i }),
-        /* @__PURE__ */ jsx("div", { className: "ps-tryon-stepper-label", children: STEP_LABELS[i] })
+        /* @__PURE__ */ jsx("div", { className: "ps-tryon-stepper-label", children: t(STEP_LABELS[i]) })
       ] })
     ] }, i)) }) });
   }
@@ -800,34 +1166,35 @@ function PrimeStyleTryonInner({
           /* @__PURE__ */ jsx("img", { src: productImage, alt: "Product", className: "ps-tryon-welcome-product" }),
           /* @__PURE__ */ jsx("div", { className: "ps-tryon-welcome-sparkle", children: /* @__PURE__ */ jsx(SparkleIcon, { size: 20 }) })
         ] }),
-        /* @__PURE__ */ jsx("h2", { className: "ps-tryon-welcome-title", children: "See How It Looks On You" }),
-        /* @__PURE__ */ jsx("p", { className: "ps-tryon-welcome-sub", children: "Virtual try-on + AI size recommendation" })
+        /* @__PURE__ */ jsx("h2", { className: "ps-tryon-welcome-title", children: t("Find Your Perfect Size") }),
+        /* @__PURE__ */ jsx("p", { className: "ps-tryon-welcome-sub", children: t("Get your size instantly, then try it on") })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "ps-tryon-features", children: [
-        { icon: /* @__PURE__ */ jsx(CameraIcon, {}), title: "Upload Photo", desc: "Share a photo of yourself" },
-        { icon: /* @__PURE__ */ jsx(RulerIcon, {}), title: "Find Your Size", desc: "AI-powered fit analysis" },
-        { icon: /* @__PURE__ */ jsx(SparkleIcon, {}), title: "See Results", desc: "Try-on in seconds" }
+        { icon: /* @__PURE__ */ jsx(RulerIcon, {}), title: t("Get Your Size"), desc: t("Instant fit recommendation") },
+        { icon: /* @__PURE__ */ jsx(CameraIcon, {}), title: t("Try It On"), desc: t("See how it looks on you") }
       ].map((f, i) => /* @__PURE__ */ jsxs("div", { className: "ps-tryon-feature", children: [
         /* @__PURE__ */ jsx("div", { className: "ps-tryon-feature-icon", children: f.icon }),
         /* @__PURE__ */ jsx("div", { className: "ps-tryon-feature-title", children: f.title }),
         /* @__PURE__ */ jsx("div", { className: "ps-tryon-feature-desc", children: f.desc })
       ] }, i)) }),
-      /* @__PURE__ */ jsxs("button", { className: "ps-tryon-cta", onClick: () => setView("upload"), children: [
-        "Let’s Get Started ",
+      /* @__PURE__ */ jsxs("button", { className: "ps-tryon-cta", onClick: () => setView("sizing-choice"), children: [
+        t("Find My Size"),
+        " ",
         /* @__PURE__ */ jsx(ArrowRightIcon, {})
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "ps-tryon-welcome-note", children: "Takes less than a minute" })
+      /* @__PURE__ */ jsx("div", { className: "ps-tryon-welcome-note", children: t("Takes less than a minute") })
     ] });
   }
   function UploadView() {
     return /* @__PURE__ */ jsx(Fragment, { children: selectedFile && previewUrl ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs("div", { className: cx("ps-tryon-preview", cn.preview), children: [
         /* @__PURE__ */ jsx("div", { className: "ps-tryon-preview-blur", style: { backgroundImage: `url(${previewUrl})` } }),
-        /* @__PURE__ */ jsx("img", { src: previewUrl, alt: "Your photo", className: cn.previewImage }),
+        /* @__PURE__ */ jsx("img", { src: previewUrl, alt: t("Your photo"), className: cn.previewImage }),
         /* @__PURE__ */ jsx("button", { onClick: handleRemovePreview, className: cx("ps-tryon-preview-remove", cn.removeButton), children: "×" })
       ] }),
-      /* @__PURE__ */ jsxs("button", { onClick: () => setView("sizing-choice"), className: cx("ps-tryon-submit", cn.submitButton), children: [
-        "Continue to Sizing ",
+      /* @__PURE__ */ jsxs("button", { onClick: handleTryOnSubmit, className: cx("ps-tryon-submit", cn.submitButton), children: [
+        t("Try It On"),
+        " ",
         /* @__PURE__ */ jsx(ArrowRightIcon, {})
       ] })
     ] }) : /* @__PURE__ */ jsxs(
@@ -861,8 +1228,8 @@ function PrimeStyleTryonInner({
             }
           ),
           /* @__PURE__ */ jsx(UploadIcon, {}),
-          /* @__PURE__ */ jsx("p", { className: cx("ps-tryon-upload-text", cn.uploadText), children: "Drop or upload your full body photo!" }),
-          /* @__PURE__ */ jsx("p", { className: cx("ps-tryon-upload-hint", cn.uploadHint), children: "JPEG, PNG or WebP (max 10MB)" })
+          /* @__PURE__ */ jsx("p", { className: cx("ps-tryon-upload-text", cn.uploadText), children: t("Upload a full body photo") }),
+          /* @__PURE__ */ jsx("p", { className: cx("ps-tryon-upload-hint", cn.uploadHint), children: t("JPEG, PNG or WebP (max 10MB)") })
         ]
       }
     ) });
@@ -874,16 +1241,17 @@ function PrimeStyleTryonInner({
       return /* @__PURE__ */ jsx("div", { className: "ps-tryon-sizing-choice", children: /* @__PURE__ */ jsxs("div", { className: "ps-tryon-sg-checking", children: [
         /* @__PURE__ */ jsx("div", { className: "ps-tryon-sg-checking-icon", children: /* @__PURE__ */ jsx(RulerIcon, { size: 32 }) }),
         /* @__PURE__ */ jsx("div", { className: "ps-tryon-sg-checking-bar-wrap", children: /* @__PURE__ */ jsx("div", { className: "ps-tryon-sg-checking-bar" }) }),
-        /* @__PURE__ */ jsx("h3", { className: "ps-tryon-section-title", children: "Checking size guide..." }),
-        /* @__PURE__ */ jsx("p", { className: "ps-tryon-sg-checking-sub", children: "Looking for size chart data for this product" })
+        /* @__PURE__ */ jsx("h3", { className: "ps-tryon-section-title", children: t("Checking size guide...") }),
+        /* @__PURE__ */ jsx("p", { className: "ps-tryon-sg-checking-sub", children: t("Looking for size chart data for this product") })
       ] }) });
     }
     return /* @__PURE__ */ jsxs("div", { className: "ps-tryon-sizing-choice", children: [
-      /* @__PURE__ */ jsx("h3", { className: "ps-tryon-section-title", children: "How would you like to find your size?" }),
-      sgChecked && !sgAvailable && /* @__PURE__ */ jsx("div", { className: "ps-tryon-sg-notice", children: "Size guide is not available for this product — sizing will use standard measurements" }),
+      /* @__PURE__ */ jsx("h3", { className: "ps-tryon-section-title", children: t("How would you like to find your size?") }),
+      sgChecked && !sgAvailable && /* @__PURE__ */ jsx("div", { className: "ps-tryon-sg-notice", children: t("Size guide is not available for this product — sizing will use standard measurements") }),
       sgChecked && sgAvailable && /* @__PURE__ */ jsxs("div", { className: "ps-tryon-sg-notice ps-tryon-sg-found", children: [
         /* @__PURE__ */ jsx(CheckIcon, { size: 14 }),
-        " Size guide found for this product"
+        " ",
+        t("Size guide found for this product")
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "ps-tryon-choice-cards", children: [
         /* @__PURE__ */ jsxs("button", { className: "ps-tryon-choice-card", onClick: () => {
@@ -892,10 +1260,10 @@ function PrimeStyleTryonInner({
         }, children: [
           /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-icon", children: /* @__PURE__ */ jsx(RulerIcon, { size: 24 }) }),
           /* @__PURE__ */ jsxs("div", { className: "ps-tryon-choice-info", children: [
-            /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-title", children: "Enter my measurements" }),
-            /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-desc", children: sizeGuide?.requiredFields?.length ? sizeGuide.requiredFields.filter((f) => f.required).slice(0, 3).map((f) => f.label).join(", ") + (sizeGuide.requiredFields.length > 3 ? " & more" : "") : "Chest, waist, hips, shoes & more" })
+            /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-title", children: t("Enter my measurements") }),
+            /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-desc", children: sizeGuide?.requiredFields?.length ? sizeGuide.requiredFields.filter((f) => f.required).slice(0, 3).map((f) => t(f.label)).join(", ") + (sizeGuide.requiredFields.length > 3 ? ` ${t("& more")}` : "") : t("Chest, waist, hips, shoes & more") })
           ] }),
-          /* @__PURE__ */ jsx("span", { className: "ps-tryon-choice-badge", children: "Best accuracy" })
+          /* @__PURE__ */ jsx("span", { className: "ps-tryon-choice-badge", children: t("Best accuracy") })
         ] }),
         /* @__PURE__ */ jsxs("button", { className: "ps-tryon-choice-card", onClick: () => {
           setSizingMethod("quick");
@@ -903,18 +1271,18 @@ function PrimeStyleTryonInner({
         }, children: [
           /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-icon", children: /* @__PURE__ */ jsx(SparkleIcon, { size: 24 }) }),
           /* @__PURE__ */ jsxs("div", { className: "ps-tryon-choice-info", children: [
-            /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-title", children: "Just height & weight" }),
-            /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-desc", children: "Quick estimate in seconds" })
+            /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-title", children: t("Just height & weight") }),
+            /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-desc", children: t("Quick estimate in seconds") })
           ] })
         ] }),
         /* @__PURE__ */ jsxs("button", { className: "ps-tryon-choice-card", onClick: () => {
           setSizingMethod(null);
-          handleSubmit();
+          setView("upload");
         }, children: [
-          /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-icon", children: /* @__PURE__ */ jsx(SvgIcon, { d: "M13 5H1M13 9H1M13 13H1M5 17l4 4 8-8", size: 24, strokeWidth: 1.5 }) }),
+          /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-icon", children: /* @__PURE__ */ jsx(CameraIcon, { size: 24 }) }),
           /* @__PURE__ */ jsxs("div", { className: "ps-tryon-choice-info", children: [
-            /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-title", children: "Skip sizing" }),
-            /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-desc", children: "Just show me the try-on" })
+            /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-title", children: t("Skip, just try it on") }),
+            /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-desc", children: t("Upload a photo to see how it looks") })
           ] })
         ] })
       ] })
@@ -928,37 +1296,38 @@ function PrimeStyleTryonInner({
     return /* @__PURE__ */ jsxs("div", { className: "ps-tryon-sizing-form", children: [
       /* @__PURE__ */ jsxs("button", { className: "ps-tryon-back", onClick: () => setView("sizing-choice"), children: [
         /* @__PURE__ */ jsx(ArrowLeftIcon, {}),
-        " Back"
+        " ",
+        t("Back")
       ] }),
       sizingMethod === "exact" && profiles.length > 0 && /* @__PURE__ */ jsx("div", { className: "ps-tryon-profile-bar", children: /* @__PURE__ */ jsxs("select", { className: "ps-tryon-profile-select", value: activeProfileId || "", onChange: (e) => {
         if (e.target.value) applyProfile(e.target.value);
       }, children: [
-        /* @__PURE__ */ jsx("option", { value: "", children: "Auto-fill from saved profile..." }),
+        /* @__PURE__ */ jsx("option", { value: "", children: t("Auto-fill from saved profile...") }),
         profiles.map((p) => /* @__PURE__ */ jsxs("option", { value: p.id, children: [
           p.name,
           " (",
-          p.gender === "female" ? "Women's" : "Men's",
+          p.gender === "female" ? t("Women's") : t("Men's"),
           ")"
         ] }, p.id))
       ] }) }),
       /* @__PURE__ */ jsxs("div", { className: "ps-tryon-input-row", children: [
-        /* @__PURE__ */ jsx("label", { children: "I'm shopping for" }),
+        /* @__PURE__ */ jsx("label", { children: t("I'm shopping for") }),
         /* @__PURE__ */ jsxs("div", { className: "ps-tryon-unit-toggle", children: [
           /* @__PURE__ */ jsx("button", { className: `ps-tryon-unit-btn${!isFemale ? " ps-active" : ""}`, onClick: () => {
             updateField("gender", "male");
             setFormGender("male");
-          }, children: "Men's" }),
+          }, children: t("Men's") }),
           /* @__PURE__ */ jsx("button", { className: `ps-tryon-unit-btn${isFemale ? " ps-active" : ""}`, onClick: () => {
             updateField("gender", "female");
             setFormGender("female");
-          }, children: "Women's" })
+          }, children: t("Women's") })
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "ps-tryon-input-row", children: [
-        /* @__PURE__ */ jsx("label", { children: "Sizing region" }),
-        /* @__PURE__ */ jsx("select", { className: "ps-tryon-country-select", value: sizingCountry, onChange: (e) => setSizingCountry(e.target.value), children: SIZING_COUNTRIES.map((c) => /* @__PURE__ */ jsx("option", { value: c.code, children: c.label }, c.code)) })
+        /* @__PURE__ */ jsx("label", { children: t("Sizing region") }),
+        /* @__PURE__ */ jsx("select", { className: "ps-tryon-country-select", value: sizingCountry, onChange: (e) => setSizingCountry(e.target.value), children: SIZING_COUNTRIES.map((c) => /* @__PURE__ */ jsx("option", { value: c.code, children: t(c.label) }, c.code)) })
       ] }),
-      sizingMethod === "exact" && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(UnitToggle, { options: [{ label: "cm", value: "cm" }, { label: "in", value: "in" }], value: sizingUnit, onChange: (v) => {
+      sizingMethod === "exact" && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(UnitToggle, { options: [{ label: t("cm"), value: "cm" }, { label: t("in"), value: "in" }], value: sizingUnit, onChange: (v) => {
         setSizingUnit(v);
         setHeightUnit(v === "cm" ? "cm" : "ft");
         setWeightUnit(v === "cm" ? "kg" : "lbs");
@@ -975,7 +1344,7 @@ function PrimeStyleTryonInner({
             const showOriginal = field.key !== key;
             return /* @__PURE__ */ jsxs("span", { children: [
               /* @__PURE__ */ jsx(InputRow, { label: `${regionField.label}${field.required ? " *" : ""}`, fieldKey: key, placeholder: regionField.ph }),
-              showOriginal && /* @__PURE__ */ jsx(InputRow, { label: field.label, fieldKey: field.key, placeholder: field.placeholder })
+              showOriginal && /* @__PURE__ */ jsx(InputRow, { label: t(field.label), fieldKey: field.key, placeholder: field.placeholder })
             ] }, field.key);
           }
           const phNum = parseFloat(field.placeholder?.replace(/[^0-9.]/g, "") || "");
@@ -984,7 +1353,7 @@ function PrimeStyleTryonInner({
           return /* @__PURE__ */ jsx(
             InputRow,
             {
-              label: `${field.label}${field.required ? " *" : ""}`,
+              label: `${t(field.label)}${field.required ? " *" : ""}`,
               fieldKey: field.key,
               placeholder,
               type: "number",
@@ -1009,11 +1378,11 @@ function PrimeStyleTryonInner({
         const allOptFields = [...optFields, ...profileExtras];
         return /* @__PURE__ */ jsxs(Fragment, { children: [
           reqFields.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("div", { className: "ps-tryon-section-label", children: "Required for this product" }),
+            /* @__PURE__ */ jsx("div", { className: "ps-tryon-section-label", children: t("Required for this product") }),
             reqFields.map(renderField)
           ] }),
           isFemale && /* @__PURE__ */ jsxs("div", { className: "ps-tryon-input-row", children: [
-            /* @__PURE__ */ jsx("label", { children: "Fit type" }),
+            /* @__PURE__ */ jsx("label", { children: t("Fit type") }),
             /* @__PURE__ */ jsx("div", { className: "ps-tryon-unit-toggle", children: ["petite", "standard", "tall", "plus"].map((fp) => /* @__PURE__ */ jsx(
               "button",
               {
@@ -1021,9 +1390,10 @@ function PrimeStyleTryonInner({
                 onClick: (e) => {
                   updateField("fitPreference", fp);
                   const btns = e.target.parentElement.querySelectorAll(".ps-tryon-unit-btn");
-                  btns.forEach((b) => b.classList.toggle("ps-active", b.textContent?.toLowerCase() === fp));
+                  btns.forEach((b) => b.classList.toggle("ps-active", b.dataset.fp === fp));
                 },
-                children: fp.charAt(0).toUpperCase() + fp.slice(1)
+                "data-fp": fp,
+                children: t(fp.charAt(0).toUpperCase() + fp.slice(1))
               },
               fp
             )) })
@@ -1038,7 +1408,7 @@ function PrimeStyleTryonInner({
                 if (arrow) arrow.style.transform = open ? "rotate(0deg)" : "rotate(180deg)";
               }
             }, children: [
-              /* @__PURE__ */ jsx("span", { children: "Optional — improve accuracy & save to profile" }),
+              /* @__PURE__ */ jsx("span", { children: t("Optional — improve accuracy & save to profile") }),
               /* @__PURE__ */ jsx("span", { className: "ps-tryon-chevron", children: "▾" })
             ] }),
             /* @__PURE__ */ jsx("div", { className: "ps-tryon-optional-fields", style: { display: "none" }, children: allOptFields.map(renderField) })
@@ -1046,33 +1416,39 @@ function PrimeStyleTryonInner({
         ] });
       })() }) : /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs("div", { className: "ps-tryon-input-row", children: [
-          /* @__PURE__ */ jsx("label", { children: "Height *" }),
+          /* @__PURE__ */ jsxs("label", { children: [
+            t("Height"),
+            " *"
+          ] }),
           heightUnit === "ft" ? /* @__PURE__ */ jsxs("div", { className: "ps-tryon-height-ft", children: [
             /* @__PURE__ */ jsx("input", { type: "number", placeholder: "5", defaultValue: formRef.current.heightFeet || "", onInput: (e) => updateField("heightFeet", e.target.value) }),
-            /* @__PURE__ */ jsx("span", { children: "ft" }),
+            /* @__PURE__ */ jsx("span", { children: t("ft") }),
             /* @__PURE__ */ jsx("input", { type: "number", placeholder: "4", defaultValue: formRef.current.heightInches || "", onInput: (e) => updateField("heightInches", e.target.value) }),
-            /* @__PURE__ */ jsx("span", { children: "in" })
+            /* @__PURE__ */ jsx("span", { children: t("in") })
           ] }) : /* @__PURE__ */ jsx("input", { type: "number", placeholder: "e.g. 175", defaultValue: formRef.current.height || "", onInput: (e) => updateField("height", e.target.value) }),
-          /* @__PURE__ */ jsx(UnitToggle, { options: [{ label: "cm", value: "cm" }, { label: "ft", value: "ft" }], value: heightUnit, onChange: setHeightUnit })
+          /* @__PURE__ */ jsx(UnitToggle, { options: [{ label: t("cm"), value: "cm" }, { label: t("ft"), value: "ft" }], value: heightUnit, onChange: setHeightUnit })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "ps-tryon-input-row", children: [
-          /* @__PURE__ */ jsx("label", { children: "Weight *" }),
+          /* @__PURE__ */ jsxs("label", { children: [
+            t("Weight"),
+            " *"
+          ] }),
           /* @__PURE__ */ jsx("input", { type: "number", placeholder: weightUnit === "lbs" ? "e.g. 170" : "e.g. 75", defaultValue: formRef.current.weight || "", onInput: (e) => updateField("weight", e.target.value) }),
-          /* @__PURE__ */ jsx(UnitToggle, { options: [{ label: "kg", value: "kg" }, { label: "lbs", value: "lbs" }], value: weightUnit, onChange: setWeightUnit })
+          /* @__PURE__ */ jsx(UnitToggle, { options: [{ label: t("kg"), value: "kg" }, { label: t("lbs"), value: "lbs" }], value: weightUnit, onChange: setWeightUnit })
         ] })
       ] }),
-      /* @__PURE__ */ jsx("p", { className: "ps-tryon-disclaimer", children: "Fill in what you know — more measurements = better accuracy." }),
+      /* @__PURE__ */ jsx("p", { className: "ps-tryon-disclaimer", children: t("Fill in what you know — more measurements = better accuracy.") }),
       /* @__PURE__ */ jsxs("div", { className: "ps-tryon-form-save-toggle", children: [
         /* @__PURE__ */ jsxs("label", { className: "ps-tryon-form-save-check", children: [
           /* @__PURE__ */ jsx("input", { type: "checkbox", checked: saveToggle, onChange: (e) => setSaveToggle(e.target.checked) }),
-          /* @__PURE__ */ jsx("span", { children: "Save as profile" })
+          /* @__PURE__ */ jsx("span", { children: t("Save as profile") })
         ] }),
         saveToggle && /* @__PURE__ */ jsx(
           "input",
           {
             type: "text",
             className: "ps-tryon-form-save-name",
-            placeholder: "Profile name (e.g. John, Sarah)",
+            placeholder: t("Profile name (e.g. John, Sarah)"),
             value: saveFormName,
             onChange: (e) => setSaveFormName(e.target.value)
           }
@@ -1082,78 +1458,55 @@ function PrimeStyleTryonInner({
         if (saveToggle && saveFormName.trim()) {
           saveProfile(saveFormName.trim());
         }
-        handleSubmit();
+        setSizingLoading(true);
+        submitSizing();
+        setView("size-result");
       }, children: [
-        "Get My Size & Try On ",
+        t("Get My Size"),
+        " ",
         /* @__PURE__ */ jsx(ArrowRightIcon, {})
       ] })
     ] }, `form-${formGender}-${sizingUnit}-${heightUnit}-${sizingCountry}-${formKey}`);
   }
-  function ProcessingView() {
-    const barCb = useCallback((el) => {
-      progressBarRef.current = el;
-      if (el) el.style.width = `${Math.round(progressRef.current)}%`;
-    }, []);
-    const pctCb = useCallback((el) => {
-      progressTextRef.current = el;
-      if (el) el.textContent = `${Math.round(progressRef.current)}%`;
-    }, []);
-    const statusCb = useCallback((el) => {
-      progressStatusRef.current = el;
-    }, []);
-    return /* @__PURE__ */ jsxs("div", { className: "ps-tryon-processing", children: [
-      /* @__PURE__ */ jsxs("div", { className: "ps-tryon-processing-image-wrap", children: [
-        previewUrl && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { className: "ps-tryon-processing-blur", style: { backgroundImage: `url(${previewUrl})` } }),
-          /* @__PURE__ */ jsx("img", { src: previewUrl, alt: "Your photo", className: "ps-tryon-processing-model" })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "ps-tryon-scan-line" }),
-        /* @__PURE__ */ jsx("div", { className: "ps-tryon-scan-overlay" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "ps-tryon-progress-section", children: [
-        /* @__PURE__ */ jsx("div", { className: "ps-tryon-progress-bar-wrap", children: /* @__PURE__ */ jsx("div", { ref: barCb, className: "ps-tryon-progress-bar-fill" }) }),
-        /* @__PURE__ */ jsx("span", { ref: pctCb, className: "ps-tryon-progress-pct", children: "0%" })
-      ] }),
-      /* @__PURE__ */ jsx("div", { ref: statusCb, className: cx("ps-tryon-processing-text", cn.processingText), children: "Preparing your image..." }),
-      /* @__PURE__ */ jsx("p", { className: cx("ps-tryon-processing-sub", cn.processingSubText), children: "This usually takes 15-25 seconds" })
-    ] });
-  }
-  function ResultView() {
-    const hasSizing = !!sizingResult || sizingLoading;
-    const hasBoth = !!resultImageUrl && hasSizing;
-    const [profileName, setProfileName] = useState("");
+  function SizeResultView() {
     const [showFitDetails, setShowFitDetails] = useState(false);
-    const confidenceLabel = sizingResult?.confidence === "high" ? "High Confidence" : sizingResult?.confidence === "medium" ? "Medium Confidence" : sizingResult?.confidence === "low" ? "Low Confidence" : "";
-    return /* @__PURE__ */ jsxs("div", { className: `ps-tryon-result-layout${hasBoth ? " ps-tryon-result-split" : ""}`, children: [
-      resultImageUrl && /* @__PURE__ */ jsx("div", { className: "ps-tryon-result-image-col", children: /* @__PURE__ */ jsx("img", { src: resultImageUrl, alt: "Try-on result", className: cn.resultImage }) }),
-      /* @__PURE__ */ jsxs("div", { className: "ps-tryon-result-info-col", children: [
-        sizingLoading && !sizingResult && /* @__PURE__ */ jsxs("div", { className: "ps-tryon-size-recommend ps-tryon-sizing-loading", children: [
-          /* @__PURE__ */ jsx("div", { className: "ps-tryon-size-loading-spinner" }),
-          /* @__PURE__ */ jsx("p", { className: "ps-tryon-size-reasoning", children: "Analyzing your size..." })
-        ] }),
-        sizingResult && /* @__PURE__ */ jsxs("div", { className: "ps-tryon-size-recommend", children: [
-          /* @__PURE__ */ jsx("h3", { className: "ps-tryon-size-title", children: "Recommended Size" }),
+    const confidenceLabel = sizingResult?.confidence === "high" ? t("High Confidence") : sizingResult?.confidence === "medium" ? t("Medium Confidence") : sizingResult?.confidence === "low" ? t("Low Confidence") : "";
+    return /* @__PURE__ */ jsxs("div", { className: "ps-tryon-size-result-view", children: [
+      sizingLoading && !sizingResult && /* @__PURE__ */ jsxs("div", { className: "ps-tryon-size-recommend ps-tryon-sizing-loading", children: [
+        /* @__PURE__ */ jsx("div", { className: "ps-tryon-size-loading-spinner" }),
+        /* @__PURE__ */ jsx("p", { className: "ps-tryon-size-reasoning", children: t("Analyzing your size...") })
+      ] }),
+      sizingResult && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "ps-tryon-size-recommend", children: [
+          /* @__PURE__ */ jsx("h3", { className: "ps-tryon-size-title", children: t("Your Size") }),
           /* @__PURE__ */ jsxs("div", { className: "ps-tryon-size-hero-row", children: [
             /* @__PURE__ */ jsx("div", { className: "ps-tryon-size-badge", children: sizingResult.recommendedSize }),
             /* @__PURE__ */ jsx("span", { className: `ps-tryon-size-conf-label ps-conf-${sizingResult.confidence}`, children: confidenceLabel })
           ] }),
+          sizingResult.sections && Object.keys(sizingResult.sections).length > 1 && /* @__PURE__ */ jsxs("div", { className: "ps-tryon-multi-section", children: [
+            /* @__PURE__ */ jsx("h4", { className: "ps-tryon-fit-summary-title", children: t("Sizing by Garment") }),
+            Object.entries(sizingResult.sections).map(([name, sec]) => /* @__PURE__ */ jsxs("div", { className: "ps-tryon-section-row", children: [
+              /* @__PURE__ */ jsx("span", { className: "ps-tryon-section-name", children: name }),
+              /* @__PURE__ */ jsx("span", { className: "ps-tryon-size-badge ps-tryon-section-badge", children: sec.recommendedSize })
+            ] }, name))
+          ] }),
           sizingResult.matchDetails && sizingResult.matchDetails.length > 0 && /* @__PURE__ */ jsxs("div", { className: "ps-tryon-fit-summary", children: [
-            /* @__PURE__ */ jsx("h4", { className: "ps-tryon-fit-summary-title", children: "Fit Summary" }),
+            /* @__PURE__ */ jsx("h4", { className: "ps-tryon-fit-summary-title", children: t("Fit Summary") }),
             sizingResult.matchDetails.map((m, i) => /* @__PURE__ */ jsxs("div", { className: "ps-tryon-fit-row", children: [
               /* @__PURE__ */ jsx("span", { className: `ps-tryon-fit-icon ps-fit-icon-${m.fit}`, children: m.fit === "good" ? "✓" : m.fit === "tight" ? "↑" : "↓" }),
               /* @__PURE__ */ jsxs("span", { className: "ps-tryon-fit-text", children: [
                 /* @__PURE__ */ jsx("strong", { children: m.measurement }),
                 " ",
-                m.fit === "good" ? "within range" : m.fit === "tight" ? "may be snug" : "may be loose"
+                m.fit === "good" ? t("within range") : m.fit === "tight" ? t("may be snug") : t("may be loose")
               ] })
             ] }, i)),
-            /* @__PURE__ */ jsx("button", { className: "ps-tryon-fit-details-toggle", onClick: () => setShowFitDetails(!showFitDetails), children: showFitDetails ? "Hide detailed fit analysis ↑" : "See detailed fit analysis ↓" }),
+            /* @__PURE__ */ jsx("button", { className: "ps-tryon-fit-details-toggle", onClick: () => setShowFitDetails(!showFitDetails), children: showFitDetails ? `${t("Hide details")} ↑` : `${t("See details")} ↓` }),
             showFitDetails && /* @__PURE__ */ jsxs("table", { className: "ps-tryon-fit-table", children: [
               /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-                /* @__PURE__ */ jsx("th", { children: "Area" }),
-                /* @__PURE__ */ jsx("th", { children: "You" }),
-                /* @__PURE__ */ jsx("th", { children: "Chart" }),
-                /* @__PURE__ */ jsx("th", { children: "Fit" })
+                /* @__PURE__ */ jsx("th", { children: t("Area") }),
+                /* @__PURE__ */ jsx("th", { children: t("You") }),
+                /* @__PURE__ */ jsx("th", { children: t("Chart") }),
+                /* @__PURE__ */ jsx("th", { children: t("Fit") })
               ] }) }),
               /* @__PURE__ */ jsx("tbody", { children: sizingResult.matchDetails.map((m, i) => /* @__PURE__ */ jsxs("tr", { children: [
                 /* @__PURE__ */ jsx("td", { children: m.measurement }),
@@ -1164,7 +1517,7 @@ function PrimeStyleTryonInner({
             ] })
           ] }),
           sizingResult.internationalSizes && Object.keys(sizingResult.internationalSizes).length > 0 && /* @__PURE__ */ jsxs("div", { className: "ps-tryon-equiv-section", children: [
-            /* @__PURE__ */ jsx("h4", { className: "ps-tryon-equiv-title", children: "Equivalent Sizes" }),
+            /* @__PURE__ */ jsx("h4", { className: "ps-tryon-equiv-title", children: t("Equivalent Sizes") }),
             /* @__PURE__ */ jsx("div", { className: "ps-tryon-equiv-chips", children: Object.entries(sizingResult.internationalSizes).map(([k, v]) => /* @__PURE__ */ jsxs("div", { className: "ps-tryon-equiv-chip", children: [
               /* @__PURE__ */ jsx("span", { className: "ps-tryon-equiv-region", children: k }),
               /* @__PURE__ */ jsx("span", { className: "ps-tryon-equiv-value", children: v })
@@ -1172,35 +1525,57 @@ function PrimeStyleTryonInner({
           ] }),
           (!sizingResult.matchDetails || sizingResult.matchDetails.length === 0) && sizingResult.reasoning && /* @__PURE__ */ jsx("p", { className: "ps-tryon-size-reasoning", children: sizingResult.reasoning })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: cx("ps-tryon-result-actions", cn.resultActions), children: [
-          /* @__PURE__ */ jsx("button", { onClick: handleDownload, className: cx("ps-tryon-btn-download", cn.downloadButton), children: "Download" }),
-          /* @__PURE__ */ jsx("button", { onClick: handleRetry, className: cx("ps-tryon-btn-retry", cn.retryButton), children: "Try Another" })
-        ] }),
-        sizingMethod && !profileSaved && /* @__PURE__ */ jsxs("div", { className: "ps-tryon-save-prompt", children: [
-          /* @__PURE__ */ jsx("div", { className: "ps-tryon-save-label", children: "Save your measurements for next time" }),
-          /* @__PURE__ */ jsxs("div", { className: "ps-tryon-save-row", children: [
-            /* @__PURE__ */ jsx("input", { type: "text", placeholder: "Name this profile (e.g. John, Sarah)", value: profileName, onChange: (e) => setProfileName(e.target.value) }),
-            activeProfileId ? /* @__PURE__ */ jsxs("div", { className: "ps-tryon-save-btn-group", children: [
-              /* @__PURE__ */ jsxs("button", { onClick: () => {
-                if (profileName.trim()) saveProfile(profileName.trim());
-              }, children: [
-                "💾",
-                " Update"
-              ] }),
-              /* @__PURE__ */ jsx("button", { className: "ps-tryon-save-new-btn", onClick: () => {
-                if (profileName.trim()) saveProfile(profileName.trim(), true);
-              }, children: "+ New" })
-            ] }) : /* @__PURE__ */ jsxs("button", { onClick: () => {
-              if (profileName.trim()) saveProfile(profileName.trim());
-            }, children: [
-              "💾",
-              " Save"
-            ] })
-          ] })
+        /* @__PURE__ */ jsxs("div", { className: "ps-tryon-tryon-cta", children: [
+          /* @__PURE__ */ jsxs("button", { className: "ps-tryon-cta", onClick: () => setView("upload"), children: [
+            t("See how it looks on you"),
+            " ",
+            /* @__PURE__ */ jsx(ArrowRightIcon, {})
+          ] }),
+          /* @__PURE__ */ jsx("button", { className: "ps-tryon-btn-secondary", onClick: handleClose, children: t("Done") })
+        ] })
+      ] })
+    ] });
+  }
+  function ProcessingView() {
+    const barCb = useCallback((el) => {
+      progressBarRef.current = el;
+      if (el) el.style.width = `${Math.round(progressRef.current)}%`;
+    }, []);
+    const pctCb = useCallback((el) => {
+      progressTextRef.current = el;
+      if (el) el.textContent = `${Math.round(progressRef.current)}%`;
+    }, []);
+    const statusCb = useCallback((el) => {
+      progressStatusRef.current = el;
+    }, []);
+    return /* @__PURE__ */ jsxs("div", { className: "ps-tryon-processing", children: [
+      /* @__PURE__ */ jsxs("div", { className: "ps-tryon-processing-image-wrap", children: [
+        previewUrl && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "ps-tryon-processing-blur", style: { backgroundImage: `url(${previewUrl})` } }),
+          /* @__PURE__ */ jsx("img", { src: previewUrl, alt: t("Your photo"), className: "ps-tryon-processing-model" })
         ] }),
-        profileSaved && /* @__PURE__ */ jsxs("div", { className: "ps-tryon-save-done", children: [
-          /* @__PURE__ */ jsx(CheckIcon, {}),
-          " Measurements saved to profile"
+        /* @__PURE__ */ jsx("div", { className: "ps-tryon-scan-line" }),
+        /* @__PURE__ */ jsx("div", { className: "ps-tryon-scan-overlay" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "ps-tryon-progress-section", children: [
+        /* @__PURE__ */ jsx("div", { className: "ps-tryon-progress-bar-wrap", children: /* @__PURE__ */ jsx("div", { ref: barCb, className: "ps-tryon-progress-bar-fill" }) }),
+        /* @__PURE__ */ jsx("span", { ref: pctCb, className: "ps-tryon-progress-pct", children: "0%" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { ref: statusCb, className: cx("ps-tryon-processing-text", cn.processingText), children: t("Preparing your image...") }),
+      /* @__PURE__ */ jsx("p", { className: cx("ps-tryon-processing-sub", cn.processingSubText), children: t("This usually takes 15-25 seconds") })
+    ] });
+  }
+  function ResultView() {
+    return /* @__PURE__ */ jsxs("div", { className: "ps-tryon-result-layout", children: [
+      resultImageUrl && /* @__PURE__ */ jsx("div", { className: "ps-tryon-result-image-col", children: /* @__PURE__ */ jsx("img", { src: resultImageUrl, alt: t("Try-on result"), className: cn.resultImage }) }),
+      /* @__PURE__ */ jsxs("div", { className: "ps-tryon-result-info-col", children: [
+        sizingResult && /* @__PURE__ */ jsx("div", { className: "ps-tryon-size-recommend ps-tryon-size-compact", children: /* @__PURE__ */ jsxs("div", { className: "ps-tryon-size-hero-row", children: [
+          /* @__PURE__ */ jsx("span", { className: "ps-tryon-size-compact-label", children: t("Your size:") }),
+          /* @__PURE__ */ jsx("div", { className: "ps-tryon-size-badge", children: sizingResult.recommendedSize })
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: cx("ps-tryon-result-actions", cn.resultActions), children: [
+          /* @__PURE__ */ jsx("button", { onClick: handleDownload, className: cx("ps-tryon-btn-download", cn.downloadButton), children: t("Download") }),
+          /* @__PURE__ */ jsx("button", { onClick: handleRetry, className: cx("ps-tryon-btn-retry", cn.retryButton), children: t("Start Over") })
         ] })
       ] })
     ] });
@@ -1208,8 +1583,8 @@ function PrimeStyleTryonInner({
   function ErrorView() {
     return /* @__PURE__ */ jsxs("div", { className: cx("ps-tryon-error", cn.error), children: [
       /* @__PURE__ */ jsx(AlertIcon, {}),
-      /* @__PURE__ */ jsx("p", { className: cx("ps-tryon-error-text", cn.errorText), children: errorMessage || "Something went wrong" }),
-      /* @__PURE__ */ jsx("button", { onClick: handleRetry, className: cx("ps-tryon-submit", cn.submitButton), children: "Try Again" })
+      /* @__PURE__ */ jsx("p", { className: cx("ps-tryon-error-text", cn.errorText), children: errorMessage || t("Something went wrong") }),
+      /* @__PURE__ */ jsx("button", { onClick: handleRetry, className: cx("ps-tryon-submit", cn.submitButton), children: t("Try Again") })
     ] });
   }
   function DrawerPanel() {
@@ -1217,9 +1592,9 @@ function PrimeStyleTryonInner({
     return /* @__PURE__ */ jsxs("div", { className: `ps-tryon-drawer${drawer ? " ps-tryon-drawer-open" : ""}`, children: [
       /* @__PURE__ */ jsxs("div", { className: "ps-tryon-drawer-header", children: [
         /* @__PURE__ */ jsx("button", { className: "ps-tryon-drawer-back", onClick: () => setDrawer(null), children: /* @__PURE__ */ jsx(ArrowLeftIcon, {}) }),
-        /* @__PURE__ */ jsx("span", { className: "ps-tryon-drawer-title", children: drawer === "profiles" ? "My Profiles" : "History" })
+        /* @__PURE__ */ jsx("span", { className: "ps-tryon-drawer-title", children: drawer === "profiles" ? t("My Profiles") : t("History") })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "ps-tryon-drawer-list", children: drawer === "profiles" ? profiles.length === 0 ? /* @__PURE__ */ jsx("div", { className: "ps-tryon-drawer-empty", children: "No saved profiles yet." }) : profiles.map((p) => /* @__PURE__ */ jsxs("div", { className: "ps-tryon-profile-item", onClick: () => {
+      /* @__PURE__ */ jsx("div", { className: "ps-tryon-drawer-list", children: drawer === "profiles" ? profiles.length === 0 ? /* @__PURE__ */ jsx("div", { className: "ps-tryon-drawer-empty", children: t("No saved profiles yet.") }) : profiles.map((p) => /* @__PURE__ */ jsxs("div", { className: "ps-tryon-profile-item", onClick: () => {
         setProfileDetail(p);
         setDrawer(null);
       }, children: [
@@ -1227,18 +1602,18 @@ function PrimeStyleTryonInner({
         /* @__PURE__ */ jsxs("div", { className: "ps-tryon-profile-info", children: [
           /* @__PURE__ */ jsx("div", { className: "ps-tryon-profile-name", children: p.name }),
           /* @__PURE__ */ jsxs("div", { className: "ps-tryon-profile-detail", children: [
-            p.gender === "female" ? "Women's" : "Men's",
-            p.heightCm ? ` · ${Math.round(p.heightCm)}cm` : ""
+            p.gender === "female" ? t("Women's") : t("Men's"),
+            p.heightCm ? ` · ${Math.round(p.heightCm)}${t("cm")}` : ""
           ] })
         ] }),
         /* @__PURE__ */ jsx(ChevronRightIcon, {})
-      ] }, p.id)) : history.length === 0 ? /* @__PURE__ */ jsx("div", { className: "ps-tryon-drawer-empty", children: "No history yet." }) : history.map((entry, idx) => /* @__PURE__ */ jsxs("div", { className: "ps-tryon-history-item", children: [
+      ] }, p.id)) : history.length === 0 ? /* @__PURE__ */ jsx("div", { className: "ps-tryon-drawer-empty", children: t("No history yet.") }) : history.map((entry, idx) => /* @__PURE__ */ jsxs("div", { className: "ps-tryon-history-item", children: [
         /* @__PURE__ */ jsxs("div", { className: "ps-tryon-history-images", children: [
           entry.productImage && /* @__PURE__ */ jsx("img", { src: entry.productImage, alt: "", className: "ps-tryon-history-thumb" }),
           entry.resultImageUrl && /* @__PURE__ */ jsx("img", { src: entry.resultImageUrl, alt: "", className: "ps-tryon-history-result-img" })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "ps-tryon-history-info", children: [
-          /* @__PURE__ */ jsx("div", { className: "ps-tryon-history-product", children: entry.productTitle || "Product" }),
+          /* @__PURE__ */ jsx("div", { className: "ps-tryon-history-product", children: entry.productTitle || t("Product") }),
           /* @__PURE__ */ jsxs("div", { className: "ps-tryon-history-meta", children: [
             entry.profileName ? `${entry.profileName} · ` : "",
             new Date(entry.date).toLocaleDateString()
@@ -1259,20 +1634,20 @@ function PrimeStyleTryonInner({
     if (!profileDetail) return null;
     const p = profileDetail;
     const measurements = [
-      { label: "Height", value: p.heightCm, unit: "cm" },
-      { label: "Weight", value: p.weightKg, unit: "kg" },
-      { label: "Chest", value: p.chest, unit: "cm" },
-      { label: "Bust", value: p.bust, unit: "cm" },
-      { label: "Waist", value: p.waist, unit: "cm" },
-      { label: "Hips", value: p.hips, unit: "cm" },
-      { label: "Shoulders", value: p.shoulderWidth, unit: "cm" },
-      { label: "Sleeve", value: p.sleeveLength, unit: "cm" },
-      { label: "Inseam", value: p.inseam, unit: "cm" },
-      { label: "Neck", value: p.neckCircumference, unit: "cm" },
-      { label: "Foot", value: p.footLengthCm, unit: "cm" },
-      { label: "Shoe EU", value: p.shoeEU ? Number(p.shoeEU) : void 0, unit: "" },
-      { label: "Shoe US", value: p.shoeUS ? Number(p.shoeUS) : void 0, unit: "" },
-      { label: "Shoe UK", value: p.shoeUK ? Number(p.shoeUK) : void 0, unit: "" }
+      { label: t("Height"), value: p.heightCm, unit: t("cm") },
+      { label: t("Weight"), value: p.weightKg, unit: t("kg") },
+      { label: t("Chest"), value: p.chest, unit: t("cm") },
+      { label: t("Bust"), value: p.bust, unit: t("cm") },
+      { label: t("Waist"), value: p.waist, unit: t("cm") },
+      { label: t("Hips"), value: p.hips, unit: t("cm") },
+      { label: t("Shoulders"), value: p.shoulderWidth, unit: t("cm") },
+      { label: t("Sleeve"), value: p.sleeveLength, unit: t("cm") },
+      { label: t("Inseam"), value: p.inseam, unit: t("cm") },
+      { label: t("Neck"), value: p.neckCircumference, unit: t("cm") },
+      { label: t("Foot"), value: p.footLengthCm, unit: t("cm") },
+      { label: t("Shoe EU"), value: p.shoeEU ? Number(p.shoeEU) : void 0, unit: "" },
+      { label: t("Shoe US"), value: p.shoeUS ? Number(p.shoeUS) : void 0, unit: "" },
+      { label: t("Shoe UK"), value: p.shoeUK ? Number(p.shoeUK) : void 0, unit: "" }
     ].filter((m) => m.value);
     return /* @__PURE__ */ jsx("div", { className: "ps-tryon-detail-overlay", onClick: (e) => {
       if (e.target === e.currentTarget) setProfileDetail(null);
@@ -1285,8 +1660,7 @@ function PrimeStyleTryonInner({
         /* @__PURE__ */ jsxs("div", { className: "ps-tryon-detail-gender", children: [
           /* @__PURE__ */ jsx(UserIcon, { size: 18 }),
           " ",
-          p.gender === "female" ? "Women's" : "Men's",
-          " Profile"
+          p.gender === "female" ? t("Women's Profile") : t("Men's Profile")
         ] }),
         measurements.length > 0 && /* @__PURE__ */ jsx("div", { className: "ps-tryon-detail-grid", children: measurements.map((m) => /* @__PURE__ */ jsxs("div", { className: "ps-tryon-detail-cell", children: [
           /* @__PURE__ */ jsx("div", { className: "ps-tryon-detail-cell-label", children: m.label }),
@@ -1296,7 +1670,8 @@ function PrimeStyleTryonInner({
           ] })
         ] }, m.label)) }),
         p.createdAt && /* @__PURE__ */ jsxs("div", { className: "ps-tryon-detail-date", children: [
-          "Saved ",
+          t("Saved"),
+          " ",
           new Date(p.createdAt).toLocaleDateString()
         ] }),
         /* @__PURE__ */ jsxs("button", { className: "ps-tryon-detail-delete", onClick: () => {
@@ -1305,7 +1680,8 @@ function PrimeStyleTryonInner({
           setProfileDetail(null);
         }, children: [
           /* @__PURE__ */ jsx(TrashIcon, {}),
-          " Delete Profile"
+          " ",
+          t("Delete Profile")
         ] })
       ] })
     ] }) });
@@ -1314,12 +1690,14 @@ function PrimeStyleTryonInner({
     switch (view) {
       case "welcome":
         return /* @__PURE__ */ jsx("div", { className: "ps-tryon-view-enter", children: /* @__PURE__ */ jsx(WelcomeView, {}) }, "v-welcome");
-      case "upload":
-        return /* @__PURE__ */ jsx("div", { className: "ps-tryon-view-enter", children: /* @__PURE__ */ jsx(UploadView, {}) }, "v-upload");
       case "sizing-choice":
         return /* @__PURE__ */ jsx("div", { className: "ps-tryon-view-enter", children: /* @__PURE__ */ jsx(SizingChoiceView, {}) }, "v-choice");
       case "sizing-form":
         return /* @__PURE__ */ jsx("div", { className: "ps-tryon-view-enter", children: /* @__PURE__ */ jsx(SizingFormView, {}) }, "v-form");
+      case "size-result":
+        return /* @__PURE__ */ jsx("div", { className: "ps-tryon-view-enter", children: /* @__PURE__ */ jsx(SizeResultView, {}) }, "v-sizeresult");
+      case "upload":
+        return /* @__PURE__ */ jsx("div", { className: "ps-tryon-view-enter", children: /* @__PURE__ */ jsx(UploadView, {}) }, "v-upload");
       case "processing":
         return /* @__PURE__ */ jsx("div", { className: "ps-tryon-view-enter", children: /* @__PURE__ */ jsx(ProcessingView, {}) }, "v-proc");
       case "result":
@@ -1333,16 +1711,16 @@ function PrimeStyleTryonInner({
   return /* @__PURE__ */ jsxs("div", { className: cx("ps-tryon-root", cn.root || className), style: { ...cssVars, ...style }, "data-ps-tryon": true, children: [
     /* @__PURE__ */ jsxs("button", { onClick: handleOpen, className: cx("ps-tryon-btn", cn.button), children: [
       showIcon !== false && (buttonIcon || /* @__PURE__ */ jsx(CameraIcon, {})),
-      /* @__PURE__ */ jsx("span", { children: buttonText })
+      /* @__PURE__ */ jsx("span", { children: resolvedButtonText })
     ] }),
     view !== "idle" && /* @__PURE__ */ jsx("div", { className: cx("ps-tryon-overlay", cn.overlay), onClick: (e) => {
       if (e.target === e.currentTarget) handleClose();
     }, children: /* @__PURE__ */ jsxs("div", { className: cx(`ps-tryon-modal${view === "result" && resultImageUrl && sizingResult ? " ps-tryon-modal-wide" : ""}`, cn.modal), onClick: (e) => e.stopPropagation(), children: [
       /* @__PURE__ */ jsxs("div", { className: cx("ps-tryon-header", cn.header), children: [
-        /* @__PURE__ */ jsx("span", { className: cx("ps-tryon-title", cn.title), children: "Virtual Try-On" }),
+        /* @__PURE__ */ jsx("span", { className: cx("ps-tryon-title", cn.title), children: t("Virtual Try-On") }),
         /* @__PURE__ */ jsxs("div", { className: "ps-tryon-header-actions", children: [
-          profiles.length > 0 && /* @__PURE__ */ jsx("button", { className: "ps-tryon-header-icon", title: "Profiles", onClick: () => setDrawer(drawer === "profiles" ? null : "profiles"), children: /* @__PURE__ */ jsx(UserIcon, {}) }),
-          history.length > 0 && /* @__PURE__ */ jsx("button", { className: "ps-tryon-header-icon", title: "History", onClick: () => setDrawer(drawer === "history" ? null : "history"), children: /* @__PURE__ */ jsx(ClockIcon, {}) }),
+          profiles.length > 0 && /* @__PURE__ */ jsx("button", { className: "ps-tryon-header-icon", title: t("Profiles"), onClick: () => setDrawer(drawer === "profiles" ? null : "profiles"), children: /* @__PURE__ */ jsx(UserIcon, {}) }),
+          history.length > 0 && /* @__PURE__ */ jsx("button", { className: "ps-tryon-header-icon", title: t("History"), onClick: () => setDrawer(drawer === "history" ? null : "history"), children: /* @__PURE__ */ jsx(ClockIcon, {}) }),
           /* @__PURE__ */ jsx("button", { onClick: handleClose, className: cx("ps-tryon-close", cn.closeButton), children: /* @__PURE__ */ jsx(XIcon, {}) })
         ] })
       ] }),
@@ -1352,7 +1730,7 @@ function PrimeStyleTryonInner({
         /* @__PURE__ */ jsx(DrawerPanel, {})
       ] }),
       showPoweredBy && /* @__PURE__ */ jsxs("div", { className: cx("ps-tryon-powered", cn.poweredBy), children: [
-        "Powered by",
+        t("Powered by"),
         " ",
         /* @__PURE__ */ jsx("a", { href: "https://myaifitting.com", target: "_blank", rel: "noopener noreferrer", children: "PrimeStyle AI" })
       ] })
@@ -1753,8 +2131,27 @@ const STYLES = `
   .ps-tryon-equiv-region { padding: clamp(4px, 0.36vw, 7px) clamp(6px, 0.52vw, 10px); font-size: clamp(9px, 0.63vw, 12px); color: #999; font-weight: 600; background: rgba(255,255,255,0.03); }
   .ps-tryon-equiv-value { padding: clamp(4px, 0.36vw, 7px) clamp(7px, 0.63vw, 12px); font-size: clamp(10px, 0.73vw, 14px); color: #fff; font-weight: 700; }
 
+  /* Multi-section garment sizing (tuxedo/set) */
+  .ps-tryon-multi-section { margin-bottom: clamp(10px, 0.83vw, 16px); }
+  .ps-tryon-section-row { display: flex; align-items: center; justify-content: space-between; padding: clamp(6px, 0.52vw, 10px) 0; border-bottom: 1px solid #222; }
+  .ps-tryon-section-row:last-child { border-bottom: none; }
+  .ps-tryon-section-name { font-size: clamp(11px, 0.78vw, 15px); color: #ccc; font-weight: 500; }
+  .ps-tryon-section-badge { font-size: clamp(12px, 0.83vw, 16px); min-width: auto; padding: clamp(3px, 0.26vw, 5px) clamp(10px, 0.83vw, 16px); }
+
   .ps-tryon-size-reasoning { font-size: clamp(10px, 0.73vw, 14px); color: #ccc; line-height: 1.6; margin-bottom: clamp(8px, 0.73vw, 14px); }
 
+  /* Size Result View (standalone sizing result before try-on) */
+  .ps-tryon-size-result-view { display: flex; flex-direction: column; gap: clamp(12px, 1vw, 20px); }
+  .ps-tryon-tryon-cta { display: flex; flex-direction: column; gap: clamp(8px, 0.7vw, 12px); margin-top: clamp(8px, 0.7vw, 14px); }
+  .ps-tryon-btn-secondary {
+    background: transparent; border: 1.5px solid #444; color: #999; font-size: clamp(11px, 0.83vw, 15px);
+    font-weight: 600; padding: clamp(8px, 0.7vw, 12px) clamp(16px, 1.3vw, 24px); border-radius: clamp(6px, 0.52vw, 10px);
+    cursor: pointer; transition: all 0.2s;
+  }
+  .ps-tryon-btn-secondary:hover { border-color: #666; color: #ccc; }
+  .ps-tryon-size-compact { padding: clamp(6px, 0.5vw, 10px) 0; }
+  .ps-tryon-size-compact-label { font-size: clamp(11px, 0.78vw, 14px); color: #999; font-weight: 500; }
+
   /* Save profile prompt */
   .ps-tryon-save-prompt { margin-top: clamp(8px, 0.73vw, 14px); padding: clamp(8px, 0.73vw, 14px); border: 1px solid #333; border-radius: clamp(8px, 0.63vw, 12px); background: #1a1b1a; }
   .ps-tryon-save-label { font-size: clamp(9px, 0.63vw, 12px); color: #999; margin-bottom: clamp(6px, 0.52vw, 10px); }