@umodeapporg/ui 0.15.0 → 0.16.0

package/dist/components/UI/ImageMaskPainter/maskStrokes.d.ts

@@ -0,0 +1,19 @@
+export type TMaskBrushMode = 'paint' | 'erase';
+export interface IMaskPoint {
+    x: number;
+    y: number;
+}
+/** A stroke in the image's natural pixel space, so the mask never depends on the on-screen size. */
+export interface IMaskStroke {
+    mode: TMaskBrushMode;
+    size: number;
+    points: Array<IMaskPoint>;
+}
+/** Draws the newest segment of a stroke that is still being painted. */
+export declare const drawStrokeTail: (context: CanvasRenderingContext2D, stroke: IMaskStroke, color: string) => void;
+/** Repaints the whole overlay; used after undo, clear and theme changes. */
+export declare const redrawStrokes: (context: CanvasRenderingContext2D, strokes: ReadonlyArray<IMaskStroke>, color: string) => void;
+/** Cheap check on a downscaled copy: thin strokes still leave a non-zero averaged alpha. */
+export declare const overlayHasPaint: (overlay: HTMLCanvasElement) => boolean;
+/** White where the overlay is painted, black elsewhere, at the overlay's (natural) resolution. */
+export declare const exportMaskFile: (overlay: HTMLCanvasElement, fileName: string) => Promise<File | null>;

package/dist/components/UI/ImageMaskPainter/maskStrokes.js

@@ -0,0 +1,71 @@
+const MASK_KEEP = "#000000";
+const MASK_CHANGE = "#ffffff";
+const COVERAGE_SAMPLE = 256;
+const strokeSegment = (context, stroke, from, to) => {
+  context.globalCompositeOperation = stroke.mode === "erase" ? "destination-out" : "source-over";
+  context.lineWidth = stroke.size;
+  context.lineCap = "round";
+  context.lineJoin = "round";
+  context.beginPath();
+  context.moveTo(from.x, from.y);
+  context.lineTo(to.x + (from.x === to.x && from.y === to.y ? 0.01 : 0), to.y);
+  context.stroke();
+};
+const drawStrokeTail = (context, stroke, color) => {
+  const { points } = stroke;
+  if (points.length === 0) return;
+  context.save();
+  context.strokeStyle = color;
+  strokeSegment(context, stroke, points[Math.max(0, points.length - 2)], points[points.length - 1]);
+  context.restore();
+};
+const redrawStrokes = (context, strokes, color) => {
+  context.save();
+  context.clearRect(0, 0, context.canvas.width, context.canvas.height);
+  context.strokeStyle = color;
+  strokes.forEach((stroke) => {
+    stroke.points.forEach((point, index) => {
+      strokeSegment(context, stroke, stroke.points[Math.max(0, index - 1)], point);
+    });
+  });
+  context.restore();
+};
+const overlayHasPaint = (overlay) => {
+  if (!overlay.width || !overlay.height) return false;
+  const ratio = Math.min(1, COVERAGE_SAMPLE / Math.max(overlay.width, overlay.height));
+  const sample = document.createElement("canvas");
+  sample.width = Math.max(1, Math.round(overlay.width * ratio));
+  sample.height = Math.max(1, Math.round(overlay.height * ratio));
+  const context = sample.getContext("2d");
+  if (!context) return false;
+  context.drawImage(overlay, 0, 0, sample.width, sample.height);
+  const { data } = context.getImageData(0, 0, sample.width, sample.height);
+  for (let index = 3; index < data.length; index += 4) {
+    if (data[index] > 0) return true;
+  }
+  return false;
+};
+const exportMaskFile = async (overlay, fileName) => {
+  const canvas = document.createElement("canvas");
+  canvas.width = overlay.width;
+  canvas.height = overlay.height;
+  const context = canvas.getContext("2d");
+  if (!context) return null;
+  context.fillStyle = MASK_CHANGE;
+  context.fillRect(0, 0, canvas.width, canvas.height);
+  context.globalCompositeOperation = "destination-in";
+  context.drawImage(overlay, 0, 0);
+  context.globalCompositeOperation = "destination-over";
+  context.fillStyle = MASK_KEEP;
+  context.fillRect(0, 0, canvas.width, canvas.height);
+  const blob = await new Promise((resolve) => canvas.toBlob(resolve, "image/png"));
+  if (!blob) return null;
+  return new File([blob], fileName, { type: "image/png" });
+};
+export {
+  drawStrokeTail,
+  exportMaskFile,
+  overlayHasPaint,
+  redrawStrokes
+};
+//# sourceMappingURL=maskStrokes.js.map

package/dist/components/UI/ImageMaskPainter/maskStrokes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"maskStrokes.js","sources":["../../../../src/components/UI/ImageMaskPainter/maskStrokes.ts"],"sourcesContent":["export type TMaskBrushMode = 'paint' | 'erase';\n\nexport interface IMaskPoint {\n  x: number;\n  y: number;\n}\n\n/** A stroke in the image's natural pixel space, so the mask never depends on the on-screen size. */\nexport interface IMaskStroke {\n  mode: TMaskBrushMode;\n  size: number;\n  points: Array<IMaskPoint>;\n}\n\n/** The export side is data, not interface colour: the backend reads white as \"may change\". */\nconst MASK_KEEP = '#000000';\nconst MASK_CHANGE = '#ffffff';\nconst COVERAGE_SAMPLE = 256;\n\nconst strokeSegment = (context: CanvasRenderingContext2D, stroke: IMaskStroke, from: IMaskPoint, to: IMaskPoint) => {\n  context.globalCompositeOperation = stroke.mode === 'erase' ? 'destination-out' : 'source-over';\n  context.lineWidth = stroke.size;\n  context.lineCap = 'round';\n  context.lineJoin = 'round';\n  context.beginPath();\n  context.moveTo(from.x, from.y);\n  // A zero-length line still paints a round dot with a round cap in every engine but Safari.\n  context.lineTo(to.x + (from.x === to.x && from.y === to.y ? 0.01 : 0), to.y);\n  context.stroke();\n};\n\n/** Draws the newest segment of a stroke that is still being painted. */\nexport const drawStrokeTail = (context: CanvasRenderingContext2D, stroke: IMaskStroke, color: string): void => {\n  const { points } = stroke;\n  if (points.length === 0) return;\n  context.save();\n  context.strokeStyle = color;\n  strokeSegment(context, stroke, points[Math.max(0, points.length - 2)], points[points.length - 1]);\n  context.restore();\n};\n\n/** Repaints the whole overlay; used after undo, clear and theme changes. */\nexport const redrawStrokes = (\n  context: CanvasRenderingContext2D,\n  strokes: ReadonlyArray<IMaskStroke>,\n  color: string,\n): void => {\n  context.save();\n  context.clearRect(0, 0, context.canvas.width, context.canvas.height);\n  context.strokeStyle = color;\n  strokes.forEach((stroke) => {\n    stroke.points.forEach((point, index) => {\n      strokeSegment(context, stroke, stroke.points[Math.max(0, index - 1)], point);\n    });\n  });\n  context.restore();\n};\n\n/** Cheap check on a downscaled copy: thin strokes still leave a non-zero averaged alpha. */\nexport const overlayHasPaint = (overlay: HTMLCanvasElement): boolean => {\n  if (!overlay.width || !overlay.height) return false;\n  const ratio = Math.min(1, COVERAGE_SAMPLE / Math.max(overlay.width, overlay.height));\n  const sample = document.createElement('canvas');\n  sample.width = Math.max(1, Math.round(overlay.width * ratio));\n  sample.height = Math.max(1, Math.round(overlay.height * ratio));\n  const context = sample.getContext('2d');\n  if (!context) return false;\n  context.drawImage(overlay, 0, 0, sample.width, sample.height);\n  const { data } = context.getImageData(0, 0, sample.width, sample.height);\n  for (let index = 3; index < data.length; index += 4) {\n    if (data[index] > 0) return true;\n  }\n  return false;\n};\n\n/** White where the overlay is painted, black elsewhere, at the overlay's (natural) resolution. */\nexport const exportMaskFile = async (overlay: HTMLCanvasElement, fileName: string): Promise<File | null> => {\n  const canvas = document.createElement('canvas');\n  canvas.width = overlay.width;\n  canvas.height = overlay.height;\n  const context = canvas.getContext('2d');\n  if (!context) return null;\n\n  context.fillStyle = MASK_CHANGE;\n  context.fillRect(0, 0, canvas.width, canvas.height);\n  context.globalCompositeOperation = 'destination-in';\n  context.drawImage(overlay, 0, 0);\n  context.globalCompositeOperation = 'destination-over';\n  context.fillStyle = MASK_KEEP;\n  context.fillRect(0, 0, canvas.width, canvas.height);\n\n  const blob = await new Promise<Blob | null>((resolve) => canvas.toBlob(resolve, 'image/png'));\n  if (!blob) return null;\n  return new File([blob], fileName, { type: 'image/png' });\n};\n"],"names":[],"mappings":"AAeA,MAAM,YAAY;AAClB,MAAM,cAAc;AACpB,MAAM,kBAAkB;AAExB,MAAM,gBAAgB,CAAC,SAAmC,QAAqB,MAAkB,OAAmB;AAClH,UAAQ,2BAA2B,OAAO,SAAS,UAAU,oBAAoB;AACjF,UAAQ,YAAY,OAAO;AAC3B,UAAQ,UAAU;AAClB,UAAQ,WAAW;AACnB,UAAQ,UAAA;AACR,UAAQ,OAAO,KAAK,GAAG,KAAK,CAAC;AAE7B,UAAQ,OAAO,GAAG,KAAK,KAAK,MAAM,GAAG,KAAK,KAAK,MAAM,GAAG,IAAI,OAAO,IAAI,GAAG,CAAC;AAC3E,UAAQ,OAAA;AACV;AAGO,MAAM,iBAAiB,CAAC,SAAmC,QAAqB,UAAwB;AAC7G,QAAM,EAAE,WAAW;AACnB,MAAI,OAAO,WAAW,EAAG;AACzB,UAAQ,KAAA;AACR,UAAQ,cAAc;AACtB,gBAAc,SAAS,QAAQ,OAAO,KAAK,IAAI,GAAG,OAAO,SAAS,CAAC,CAAC,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC;AAChG,UAAQ,QAAA;AACV;AAGO,MAAM,gBAAgB,CAC3B,SACA,SACA,UACS;AACT,UAAQ,KAAA;AACR,UAAQ,UAAU,GAAG,GAAG,QAAQ,OAAO,OAAO,QAAQ,OAAO,MAAM;AACnE,UAAQ,cAAc;AACtB,UAAQ,QAAQ,CAAC,WAAW;AAC1B,WAAO,OAAO,QAAQ,CAAC,OAAO,UAAU;AACtC,oBAAc,SAAS,QAAQ,OAAO,OAAO,KAAK,IAAI,GAAG,QAAQ,CAAC,CAAC,GAAG,KAAK;AAAA,IAC7E,CAAC;AAAA,EACH,CAAC;AACD,UAAQ,QAAA;AACV;AAGO,MAAM,kBAAkB,CAAC,YAAwC;AACtE,MAAI,CAAC,QAAQ,SAAS,CAAC,QAAQ,OAAQ,QAAO;AAC9C,QAAM,QAAQ,KAAK,IAAI,GAAG,kBAAkB,KAAK,IAAI,QAAQ,OAAO,QAAQ,MAAM,CAAC;AACnF,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,SAAO,QAAQ,KAAK,IAAI,GAAG,KAAK,MAAM,QAAQ,QAAQ,KAAK,CAAC;AAC5D,SAAO,SAAS,KAAK,IAAI,GAAG,KAAK,MAAM,QAAQ,SAAS,KAAK,CAAC;AAC9D,QAAM,UAAU,OAAO,WAAW,IAAI;AACtC,MAAI,CAAC,QAAS,QAAO;AACrB,UAAQ,UAAU,SAAS,GAAG,GAAG,OAAO,OAAO,OAAO,MAAM;AAC5D,QAAM,EAAE,KAAA,IAAS,QAAQ,aAAa,GAAG,GAAG,OAAO,OAAO,OAAO,MAAM;AACvE,WAAS,QAAQ,GAAG,QAAQ,KAAK,QAAQ,SAAS,GAAG;AACnD,QAAI,KAAK,KAAK,IAAI,EAAG,QAAO;AAAA,EAC9B;AACA,SAAO;AACT;AAGO,MAAM,iBAAiB,OAAO,SAA4B,aAA2C;AAC1G,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,SAAO,QAAQ,QAAQ;AACvB,SAAO,SAAS,QAAQ;AACxB,QAAM,UAAU,OAAO,WAAW,IAAI;AACtC,MAAI,CAAC,QAAS,QAAO;AAErB,UAAQ,YAAY;AACpB,UAAQ,SAAS,GAAG,GAAG,OAAO,OAAO,OAAO,MAAM;AAClD,UAAQ,2BAA2B;AACnC,UAAQ,UAAU,SAAS,GAAG,CAAC;AAC/B,UAAQ,2BAA2B;AACnC,UAAQ,YAAY;AACpB,UAAQ,SAAS,GAAG,GAAG,OAAO,OAAO,OAAO,MAAM;AAElD,QAAM,OAAO,MAAM,IAAI,QAAqB,CAAC,YAAY,OAAO,OAAO,SAAS,WAAW,CAAC;AAC5F,MAAI,CAAC,KAAM,QAAO;AAClB,SAAO,IAAI,KAAK,CAAC,IAAI,GAAG,UAAU,EAAE,MAAM,aAAa;AACzD;"}

package/dist/helpers/imageFile.d.ts

@@ -1,8 +1,24 @@
+/** Most AI upload endpoints cap files at 8 MB; this leaves room for multipart overhead. */
+export declare const AI_UPLOAD_SAFE_BYTES: number;
+export type TImageOutputType = 'image/jpeg' | 'image/png' | 'image/webp';
 export interface IResizeImageOptions {
     maxDimension?: number;
     quality?: number;
+    /** Defaults to JPEG. PNG and WebP keep transparency. */
+    outputType?: TImageOutputType;
 }
+/** File extension (without dot) for an image MIME type, `jpg` when unknown. */
+export declare const imageExtensionForType: (type: string) => string;
 export declare const resizeImageFile: (file: File, options?: IResizeImageOptions) => Promise<File>;
+export interface IFitImageToUploadBudgetOptions {
+    maxBytes?: number;
+}
+/**
+ * Keeps the source image untouched whenever it already fits the upload budget, so an AI edit
+ * works on the original pixels. Only an oversized (or non PNG/JPEG/WebP) file is re-encoded,
+ * with high quality and the source format when possible, stepping down until it fits.
+ */
+export declare const fitImageToUploadBudget: (file: File, { maxBytes }?: IFitImageToUploadBudgetOptions) => Promise<File>;
 export declare const fileFromUrl: (url: string, fileName: string, signal?: AbortSignal) => Promise<File>;
 /**
  * Mede a imagem sem baixá-la de novo quando o navegador já a tem em cache.

package/dist/helpers/imageFile.js

@@ -1,6 +1,17 @@
 const MAX_DIMENSION = 1280;
 const JPEG_QUALITY = 0.82;
 const OUTPUT_TYPE = "image/jpeg";
+const AI_UPLOAD_SAFE_BYTES = 7.5 * 1024 * 1024;
+const AI_UPLOAD_MAX_DIMENSION = 4096;
+const AI_UPLOAD_QUALITY = 0.95;
+const AI_UPLOAD_FALLBACK_DIMENSION = 3072;
+const AI_UPLOAD_FALLBACK_QUALITY = 0.9;
+const AI_ACCEPTED_TYPES = /* @__PURE__ */ new Set(["image/jpeg", "image/png", "image/webp"]);
+const EXTENSION_BY_TYPE = {
+  "image/jpeg": "jpg",
+  "image/png": "png",
+  "image/webp": "webp"
+};
 const loadImage = (url) => new Promise((resolve, reject) => {
   const image = new Image();
   image.onload = () => resolve(image);
@@ -13,29 +24,64 @@ const scaledSize = (width, height, maxDimension) => {
   const ratio = maxDimension / longest;
   return { width: Math.round(width * ratio), height: Math.round(height * ratio) };
 };
-const toJpegName = (name) => name.replace(/\.[^.]+$/, "") + ".jpg";
-const resizeImageFile = async (file, options = {}) => {
-  const maxDimension = options.maxDimension ?? MAX_DIMENSION;
-  const quality = options.quality ?? JPEG_QUALITY;
+const baseName = (name) => name.replace(/\.[^.]+$/, "") || name || "image";
+const imageExtensionForType = (type) => type in EXTENSION_BY_TYPE ? EXTENSION_BY_TYPE[type] : "jpg";
+const withExtension = (name, type) => `${baseName(name)}.${EXTENSION_BY_TYPE[type]}`;
+const encodeImageFile = async (file, options) => {
   const objectUrl = URL.createObjectURL(file);
   try {
     const image = await loadImage(objectUrl);
-    const { width, height } = scaledSize(image.naturalWidth, image.naturalHeight, maxDimension);
+    const { width, height } = scaledSize(image.naturalWidth, image.naturalHeight, options.maxDimension);
     const canvas = document.createElement("canvas");
     canvas.width = width;
     canvas.height = height;
     const context = canvas.getContext("2d");
-    if (!context) return file;
+    if (!context) return null;
+    if (options.outputType === "image/jpeg") {
+      context.fillStyle = "#ffffff";
+      context.fillRect(0, 0, width, height);
+    }
     context.drawImage(image, 0, 0, width, height);
-    const blob = await new Promise((resolve) => canvas.toBlob(resolve, OUTPUT_TYPE, quality));
-    if (!blob || blob.size >= file.size) return file;
-    return new File([blob], toJpegName(file.name), { type: OUTPUT_TYPE });
+    const blob = await new Promise(
+      (resolve) => canvas.toBlob(resolve, options.outputType, options.quality)
+    );
+    if (!blob) return null;
+    return new File([blob], withExtension(file.name, options.outputType), { type: options.outputType });
   } catch {
-    return file;
+    return null;
   } finally {
     URL.revokeObjectURL(objectUrl);
   }
 };
+const resizeImageFile = async (file, options = {}) => {
+  const encoded = await encodeImageFile(file, {
+    maxDimension: options.maxDimension ?? MAX_DIMENSION,
+    quality: options.quality ?? JPEG_QUALITY,
+    outputType: options.outputType ?? OUTPUT_TYPE
+  });
+  if (!encoded || encoded.size >= file.size) return file;
+  return encoded;
+};
+const fitImageToUploadBudget = async (file, { maxBytes = AI_UPLOAD_SAFE_BYTES } = {}) => {
+  const isAccepted = AI_ACCEPTED_TYPES.has(file.type);
+  if (isAccepted && file.size <= maxBytes) return file;
+  const keepsAlpha = file.type === "image/png" || file.type === "image/webp" || !isAccepted;
+  const sourceType = isAccepted ? file.type : "image/png";
+  const attempts = [
+    { maxDimension: AI_UPLOAD_MAX_DIMENSION, quality: AI_UPLOAD_QUALITY, outputType: sourceType },
+    ...keepsAlpha ? [{ maxDimension: AI_UPLOAD_MAX_DIMENSION, quality: AI_UPLOAD_QUALITY, outputType: "image/webp" }] : [],
+    { maxDimension: AI_UPLOAD_MAX_DIMENSION, quality: AI_UPLOAD_QUALITY, outputType: "image/jpeg" },
+    { maxDimension: AI_UPLOAD_FALLBACK_DIMENSION, quality: AI_UPLOAD_FALLBACK_QUALITY, outputType: "image/jpeg" }
+  ];
+  let smallest = null;
+  for (const attempt of attempts) {
+    const encoded = await encodeImageFile(file, attempt);
+    if (!encoded) continue;
+    if (encoded.size <= maxBytes) return encoded;
+    if (!smallest || encoded.size < smallest.size) smallest = encoded;
+  }
+  return smallest && smallest.size < file.size ? smallest : file;
+};
 const fileFromUrl = async (url, fileName, signal) => {
   const blob = await (await fetch(url, { cache: "reload", mode: "cors", signal })).blob();
   const type = blob.type || "image/jpeg";
@@ -52,7 +98,10 @@ const measureImageDimensions = async (src) => {
   }
 };
 export {
+  AI_UPLOAD_SAFE_BYTES,
   fileFromUrl,
+  fitImageToUploadBudget,
+  imageExtensionForType,
   measureImageDimensions,
   resizeImageFile
 };

package/dist/helpers/imageFile.js.map

@@ -1 +1 @@
-{"version":3,"file":"imageFile.js","sources":["../../src/helpers/imageFile.ts"],"sourcesContent":["const MAX_DIMENSION = 1280;\nconst JPEG_QUALITY = 0.82;\nconst OUTPUT_TYPE = 'image/jpeg';\n\nexport interface IResizeImageOptions {\n  maxDimension?: number;\n  quality?: number;\n}\n\nconst loadImage = (url: string): Promise<HTMLImageElement> =>\n  new Promise((resolve, reject) => {\n    const image = new Image();\n    image.onload = () => resolve(image);\n    image.onerror = () => reject(new Error('Failed to load image'));\n    image.src = url;\n  });\n\nconst scaledSize = (width: number, height: number, maxDimension: number): { width: number; height: number } => {\n  const longest = Math.max(width, height);\n  if (longest <= maxDimension) return { width, height };\n  const ratio = maxDimension / longest;\n  return { width: Math.round(width * ratio), height: Math.round(height * ratio) };\n};\n\nconst toJpegName = (name: string): string => name.replace(/\\.[^.]+$/, '') + '.jpg';\n\nexport const resizeImageFile = async (file: File, options: IResizeImageOptions = {}): Promise<File> => {\n  const maxDimension = options.maxDimension ?? MAX_DIMENSION;\n  const quality = options.quality ?? JPEG_QUALITY;\n  const objectUrl = URL.createObjectURL(file);\n  try {\n    const image = await loadImage(objectUrl);\n    const { width, height } = scaledSize(image.naturalWidth, image.naturalHeight, maxDimension);\n\n    const canvas = document.createElement('canvas');\n    canvas.width = width;\n    canvas.height = height;\n    const context = canvas.getContext('2d');\n    if (!context) return file;\n    context.drawImage(image, 0, 0, width, height);\n\n    const blob = await new Promise<Blob | null>((resolve) => canvas.toBlob(resolve, OUTPUT_TYPE, quality));\n    if (!blob || blob.size >= file.size) return file;\n\n    return new File([blob], toJpegName(file.name), { type: OUTPUT_TYPE });\n  } catch {\n    return file;\n  } finally {\n    URL.revokeObjectURL(objectUrl);\n  }\n};\n\n// `reload` em vez de `force-cache`: a mesma imagem costuma já ter sido baixada por um <img>\n// comum, que não manda `Origin` e por isso é guardada sem `Access-Control-Allow-Origin`.\n// Reaproveitar essa entrada é o que faz o CORS falhar \"hora sim, hora não\".\nexport const fileFromUrl = async (url: string, fileName: string, signal?: AbortSignal): Promise<File> => {\n  const blob = await (await fetch(url, { cache: 'reload', mode: 'cors', signal })).blob();\n  const type = blob.type || 'image/jpeg';\n  return new File([blob], fileName, { type });\n};\n\n/**\n * Mede a imagem sem baixá-la de novo quando o navegador já a tem em cache.\n *\n * Devolve `null` em vez de lançar: medir é para AVISAR o usuário, então uma imagem que não carrega\n * aqui não pode derrubar a tela nem virar um alerta falso.\n */\nexport const measureImageDimensions = async (src: string): Promise<{ width: number; height: number } | null> => {\n  if (!src) return null;\n  try {\n    const image = await loadImage(src);\n    if (!image.naturalWidth || !image.naturalHeight) return null;\n    return { width: image.naturalWidth, height: image.naturalHeight };\n  } catch {\n    return null;\n  }\n};\n"],"names":[],"mappings":"AAAA,MAAM,gBAAgB;AACtB,MAAM,eAAe;AACrB,MAAM,cAAc;AAOpB,MAAM,YAAY,CAAC,QACjB,IAAI,QAAQ,CAAC,SAAS,WAAW;AAC/B,QAAM,QAAQ,IAAI,MAAA;AAClB,QAAM,SAAS,MAAM,QAAQ,KAAK;AAClC,QAAM,UAAU,MAAM,OAAO,IAAI,MAAM,sBAAsB,CAAC;AAC9D,QAAM,MAAM;AACd,CAAC;AAEH,MAAM,aAAa,CAAC,OAAe,QAAgB,iBAA4D;AAC7G,QAAM,UAAU,KAAK,IAAI,OAAO,MAAM;AACtC,MAAI,WAAW,aAAc,QAAO,EAAE,OAAO,OAAA;AAC7C,QAAM,QAAQ,eAAe;AAC7B,SAAO,EAAE,OAAO,KAAK,MAAM,QAAQ,KAAK,GAAG,QAAQ,KAAK,MAAM,SAAS,KAAK,EAAA;AAC9E;AAEA,MAAM,aAAa,CAAC,SAAyB,KAAK,QAAQ,YAAY,EAAE,IAAI;AAErE,MAAM,kBAAkB,OAAO,MAAY,UAA+B,OAAsB;AACrG,QAAM,eAAe,QAAQ,gBAAgB;AAC7C,QAAM,UAAU,QAAQ,WAAW;AACnC,QAAM,YAAY,IAAI,gBAAgB,IAAI;AAC1C,MAAI;AACF,UAAM,QAAQ,MAAM,UAAU,SAAS;AACvC,UAAM,EAAE,OAAO,OAAA,IAAW,WAAW,MAAM,cAAc,MAAM,eAAe,YAAY;AAE1F,UAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,WAAO,QAAQ;AACf,WAAO,SAAS;AAChB,UAAM,UAAU,OAAO,WAAW,IAAI;AACtC,QAAI,CAAC,QAAS,QAAO;AACrB,YAAQ,UAAU,OAAO,GAAG,GAAG,OAAO,MAAM;AAE5C,UAAM,OAAO,MAAM,IAAI,QAAqB,CAAC,YAAY,OAAO,OAAO,SAAS,aAAa,OAAO,CAAC;AACrG,QAAI,CAAC,QAAQ,KAAK,QAAQ,KAAK,KAAM,QAAO;AAE5C,WAAO,IAAI,KAAK,CAAC,IAAI,GAAG,WAAW,KAAK,IAAI,GAAG,EAAE,MAAM,aAAa;AAAA,EACtE,QAAQ;AACN,WAAO;AAAA,EACT,UAAA;AACE,QAAI,gBAAgB,SAAS;AAAA,EAC/B;AACF;AAKO,MAAM,cAAc,OAAO,KAAa,UAAkB,WAAwC;AACvG,QAAM,OAAO,OAAO,MAAM,MAAM,KAAK,EAAE,OAAO,UAAU,MAAM,QAAQ,OAAA,CAAQ,GAAG,KAAA;AACjF,QAAM,OAAO,KAAK,QAAQ;AAC1B,SAAO,IAAI,KAAK,CAAC,IAAI,GAAG,UAAU,EAAE,MAAM;AAC5C;AAQO,MAAM,yBAAyB,OAAO,QAAmE;AAC9G,MAAI,CAAC,IAAK,QAAO;AACjB,MAAI;AACF,UAAM,QAAQ,MAAM,UAAU,GAAG;AACjC,QAAI,CAAC,MAAM,gBAAgB,CAAC,MAAM,cAAe,QAAO;AACxD,WAAO,EAAE,OAAO,MAAM,cAAc,QAAQ,MAAM,cAAA;AAAA,EACpD,QAAQ;AACN,WAAO;AAAA,EACT;AACF;"}
+{"version":3,"file":"imageFile.js","sources":["../../src/helpers/imageFile.ts"],"sourcesContent":["const MAX_DIMENSION = 1280;\nconst JPEG_QUALITY = 0.82;\nconst OUTPUT_TYPE = 'image/jpeg';\n\n/** Most AI upload endpoints cap files at 8 MB; this leaves room for multipart overhead. */\nexport const AI_UPLOAD_SAFE_BYTES = 7.5 * 1024 * 1024;\nconst AI_UPLOAD_MAX_DIMENSION = 4096;\nconst AI_UPLOAD_QUALITY = 0.95;\nconst AI_UPLOAD_FALLBACK_DIMENSION = 3072;\nconst AI_UPLOAD_FALLBACK_QUALITY = 0.9;\n\nexport type TImageOutputType = 'image/jpeg' | 'image/png' | 'image/webp';\n\nconst AI_ACCEPTED_TYPES = new Set<string>(['image/jpeg', 'image/png', 'image/webp']);\n\nconst EXTENSION_BY_TYPE: Record<TImageOutputType, string> = {\n  'image/jpeg': 'jpg',\n  'image/png': 'png',\n  'image/webp': 'webp',\n};\n\nexport interface IResizeImageOptions {\n  maxDimension?: number;\n  quality?: number;\n  /** Defaults to JPEG. PNG and WebP keep transparency. */\n  outputType?: TImageOutputType;\n}\n\nconst loadImage = (url: string): Promise<HTMLImageElement> =>\n  new Promise((resolve, reject) => {\n    const image = new Image();\n    image.onload = () => resolve(image);\n    image.onerror = () => reject(new Error('Failed to load image'));\n    image.src = url;\n  });\n\nconst scaledSize = (width: number, height: number, maxDimension: number): { width: number; height: number } => {\n  const longest = Math.max(width, height);\n  if (longest <= maxDimension) return { width, height };\n  const ratio = maxDimension / longest;\n  return { width: Math.round(width * ratio), height: Math.round(height * ratio) };\n};\n\nconst baseName = (name: string): string => name.replace(/\\.[^.]+$/, '') || name || 'image';\n\n/** File extension (without dot) for an image MIME type, `jpg` when unknown. */\nexport const imageExtensionForType = (type: string): string =>\n  type in EXTENSION_BY_TYPE ? EXTENSION_BY_TYPE[type as TImageOutputType] : 'jpg';\n\nconst withExtension = (name: string, type: TImageOutputType): string => `${baseName(name)}.${EXTENSION_BY_TYPE[type]}`;\n\nconst encodeImageFile = async (file: File, options: Required<IResizeImageOptions>): Promise<File | null> => {\n  const objectUrl = URL.createObjectURL(file);\n  try {\n    const image = await loadImage(objectUrl);\n    const { width, height } = scaledSize(image.naturalWidth, image.naturalHeight, options.maxDimension);\n\n    const canvas = document.createElement('canvas');\n    canvas.width = width;\n    canvas.height = height;\n    const context = canvas.getContext('2d');\n    if (!context) return null;\n    // JPEG has no alpha: without a fill, transparent pixels would turn black.\n    if (options.outputType === 'image/jpeg') {\n      context.fillStyle = '#ffffff';\n      context.fillRect(0, 0, width, height);\n    }\n    context.drawImage(image, 0, 0, width, height);\n\n    const blob = await new Promise<Blob | null>((resolve) =>\n      canvas.toBlob(resolve, options.outputType, options.quality),\n    );\n    if (!blob) return null;\n\n    return new File([blob], withExtension(file.name, options.outputType), { type: options.outputType });\n  } catch {\n    return null;\n  } finally {\n    URL.revokeObjectURL(objectUrl);\n  }\n};\n\nexport const resizeImageFile = async (file: File, options: IResizeImageOptions = {}): Promise<File> => {\n  const encoded = await encodeImageFile(file, {\n    maxDimension: options.maxDimension ?? MAX_DIMENSION,\n    quality: options.quality ?? JPEG_QUALITY,\n    outputType: options.outputType ?? OUTPUT_TYPE,\n  });\n  if (!encoded || encoded.size >= file.size) return file;\n  return encoded;\n};\n\nexport interface IFitImageToUploadBudgetOptions {\n  maxBytes?: number;\n}\n\n/**\n * Keeps the source image untouched whenever it already fits the upload budget, so an AI edit\n * works on the original pixels. Only an oversized (or non PNG/JPEG/WebP) file is re-encoded,\n * with high quality and the source format when possible, stepping down until it fits.\n */\nexport const fitImageToUploadBudget = async (\n  file: File,\n  { maxBytes = AI_UPLOAD_SAFE_BYTES }: IFitImageToUploadBudgetOptions = {},\n): Promise<File> => {\n  const isAccepted = AI_ACCEPTED_TYPES.has(file.type);\n  if (isAccepted && file.size <= maxBytes) return file;\n\n  const keepsAlpha = file.type === 'image/png' || file.type === 'image/webp' || !isAccepted;\n  const sourceType: TImageOutputType = isAccepted ? (file.type as TImageOutputType) : 'image/png';\n  const attempts: Array<Required<IResizeImageOptions>> = [\n    { maxDimension: AI_UPLOAD_MAX_DIMENSION, quality: AI_UPLOAD_QUALITY, outputType: sourceType },\n    ...(keepsAlpha\n      ? [{ maxDimension: AI_UPLOAD_MAX_DIMENSION, quality: AI_UPLOAD_QUALITY, outputType: 'image/webp' as const }]\n      : []),\n    { maxDimension: AI_UPLOAD_MAX_DIMENSION, quality: AI_UPLOAD_QUALITY, outputType: 'image/jpeg' },\n    { maxDimension: AI_UPLOAD_FALLBACK_DIMENSION, quality: AI_UPLOAD_FALLBACK_QUALITY, outputType: 'image/jpeg' },\n  ];\n\n  let smallest: File | null = null;\n  for (const attempt of attempts) {\n    const encoded = await encodeImageFile(file, attempt);\n    if (!encoded) continue;\n    if (encoded.size <= maxBytes) return encoded;\n    if (!smallest || encoded.size < smallest.size) smallest = encoded;\n  }\n\n  return smallest && smallest.size < file.size ? smallest : file;\n};\n\n// `reload` em vez de `force-cache`: a mesma imagem costuma já ter sido baixada por um <img>\n// comum, que não manda `Origin` e por isso é guardada sem `Access-Control-Allow-Origin`.\n// Reaproveitar essa entrada é o que faz o CORS falhar \"hora sim, hora não\".\nexport const fileFromUrl = async (url: string, fileName: string, signal?: AbortSignal): Promise<File> => {\n  const blob = await (await fetch(url, { cache: 'reload', mode: 'cors', signal })).blob();\n  const type = blob.type || 'image/jpeg';\n  return new File([blob], fileName, { type });\n};\n\n/**\n * Mede a imagem sem baixá-la de novo quando o navegador já a tem em cache.\n *\n * Devolve `null` em vez de lançar: medir é para AVISAR o usuário, então uma imagem que não carrega\n * aqui não pode derrubar a tela nem virar um alerta falso.\n */\nexport const measureImageDimensions = async (src: string): Promise<{ width: number; height: number } | null> => {\n  if (!src) return null;\n  try {\n    const image = await loadImage(src);\n    if (!image.naturalWidth || !image.naturalHeight) return null;\n    return { width: image.naturalWidth, height: image.naturalHeight };\n  } catch {\n    return null;\n  }\n};\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -35,6 +35,8 @@ export { default as ControlledSlider } from './components/UI/ControlledSlider';
 export { default as ControlledTooltip } from './components/UI/ControlledTooltip';
 export { default as CustomBadge } from './components/UI/CustomBadge';
 export { default as CustomCard } from './components/UI/CustomCard';
+export type { IImageMaskPainterProps } from './components/UI/ImageMaskPainter/index';
+export { default as ImageMaskPainter } from './components/UI/ImageMaskPainter/index';
 export { default as InformationCard } from './components/UI/InformationCard';
 export { default as LoadingSpinner } from './components/UI/LoadingSpinner';
 export * from './components/UI/MaterialSymbol/index';

package/dist/index.js

@@ -35,12 +35,13 @@ import { default as default30 } from "./components/UI/ControlledSlider.js";
 import { default as default31 } from "./components/UI/ControlledTooltip.js";
 import { default as default32 } from "./components/UI/CustomBadge.js";
 import { default as default33 } from "./components/UI/CustomCard.js";
-import { default as default34 } from "./components/UI/InformationCard.js";
-import { default as default35 } from "./components/UI/LoadingSpinner.js";
+import { default as default34 } from "./components/UI/ImageMaskPainter/index.js";
+import { default as default35 } from "./components/UI/InformationCard.js";
+import { default as default36 } from "./components/UI/LoadingSpinner.js";
 import { MaterialSymbol, combineClasses } from "./components/UI/MaterialSymbol/index.js";
-import { default as default36 } from "./components/UI/NoDataFound/index.js";
-import { default as default37 } from "./components/UI/SkeletonLoading.js";
-import { default as default38 } from "./components/UI/UserMenu.js";
+import { default as default37 } from "./components/UI/NoDataFound/index.js";
+import { default as default38 } from "./components/UI/SkeletonLoading.js";
+import { default as default39 } from "./components/UI/UserMenu.js";
 import { composeRefs } from "./helpers/composeRefs.js";
 import { LAYERED_SURFACE_ATTRIBUTE, LAYERED_SURFACE_DATA_ATTRIBUTE, LAYERED_SURFACE_SELECTOR, isPressOnLayeredSurface } from "./helpers/layeredSurfaces.js";
 import { readThemeToken, useThemeChartTokens } from "./helpers/themeTokens.js";
@@ -85,25 +86,26 @@ export {
   default32 as CustomBadge,
   default33 as CustomCard,
   default14 as ErrorPage,
-  default34 as InformationCard,
+  default34 as ImageMaskPainter,
+  default35 as InformationCard,
   LAYERED_SURFACE_ATTRIBUTE,
   LAYERED_SURFACE_DATA_ATTRIBUTE,
   LAYERED_SURFACE_SELECTOR,
   default15 as LinkButton,
-  default35 as LoadingSpinner,
+  default36 as LoadingSpinner,
   MOTION_OFFSET_PX,
   MaterialSymbol,
-  default36 as NoDataFound,
+  default37 as NoDataFound,
   default22 as OutlinedChip,
   default16 as PageTitle,
   PageTitleNavigationProvider,
   default19 as ShellLanguageToggle,
   default20 as ShellThemeToggle,
-  default37 as SkeletonLoading,
+  default38 as SkeletonLoading,
   UiAccessProvider,
   UiNavigationProvider,
   default17 as UnifiedSearchBar,
-  default38 as UserMenu,
+  default39 as UserMenu,
   collapseVariants,
   combineClasses,
   composeRefs,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/locales/en/ui.json.d.ts

@@ -311,7 +311,42 @@ declare const _default: {
     "tryAgain": "Generate another",
     "useResult": "Use this image",
     "errorGenerate": "Could not adjust the image with AI",
-    "errorSave": "Could not save the adjusted image"
+    "errorSave": "Could not save the adjusted image",
+    "errorRefused": "The AI could not make this adjustment: {{reason}}",
+    "mask": {
+      "start": "Mark the area",
+      "stop": "Use the whole image",
+      "hint": "Paint the area the AI may change. The rest of the image is kept."
+    },
+    "verification": {
+      "changedMoreThanRequested": "The AI changed more than requested. Check the areas outside the adjustment before using it.",
+      "colorMismatch": "The garment color ({{dominant}}) differs from the requested color ({{target}})."
+    }
+  },
+  "imageMaskPainter": {
+    "paint": "Paint",
+    "erase": "Erase",
+    "brushSize": "Brush size",
+    "undo": "Undo",
+    "clear": "Clear",
+    "surfaceLabel": "Mask painting area over the image"
+  },
+  "imageAiReview": {
+    "discardTitle": "Why are you discarding this result?",
+    "discardSubtitle": "Your answer helps us improve the AI. The image is discarded either way.",
+    "discardConfirm": "Discard",
+    "reasonLabel": "Reason",
+    "detailsLabel": "Details",
+    "detailsPlaceholder": "Optional: tell us what went wrong",
+    "reasons": {
+      "changed_the_product": "Changed the product",
+      "wrong_color": "Wrong color",
+      "bad_quality": "Bad quality",
+      "person_changed": "The person changed",
+      "text_or_logo": "Text or logo problem",
+      "not_what_i_asked": "Not what I asked for",
+      "other": "Other"
+    }
   },
   "imageAnnotator": {
     "title": "Annotate image",

package/dist/locales/en/ui.json.js

@@ -14,7 +14,9 @@ const filters = { "activeFilters": "Applied filters", "appliedCount_one": "{{cou
 const filtersDrawer = { "selectedFilters": "Selected filters:", "pendingChanges": "Pending changes", "discardChangesTitle": "Discard changes?", "discardChangesMessage": "You have unapplied filter changes. Discard them?", "keepEditing": "Keep editing", "discard": "Discard" };
 const followUp = { "messages": "Messages", "chat": { "loadingMessages": "Loading messages", "placeholder": "Write a message...", "invalidMessage": "Please enter a valid message", "noMessagesYet": "No messages yet", "startConversation": "Start a conversation by adding the first message", "loadError": "Messages could not be loaded", "sendFailed": "The message could not be sent. Try again.", "sendFailedInline": "Failed to send", "resend": "Resend", "discard": "Discard", "today": "Today", "yesterday": "Yesterday", "typingOne": "{{name}} is typing...", "typingMany": "{{count}} people are typing...", "someone": "Someone", "you": "You", "newMessages": "New messages", "backToLatest": "Back to latest", "deletedMessage": "Message deleted", "edited": "edited", "readBy": "Read by {{names}}", "copied": "Message copied", "replyingTo": "Replying to {{name}}", "attachmentFallback": "Attachment", "editTitle": "Edit message", "deleteTitle": "Delete message?", "deleteSubtitle": "The message will be shown as deleted for every participant", "sendHint": "Enter sends, Shift+Enter adds a line break", "formatting": "Formatting" }, "actions": { "reply": "Reply", "copy": "Copy text", "edit": "Edit", "delete": "Delete" }, "attachments": { "attach": "Attach", "pickFile": "File", "pickImage": "Image", "takePhoto": "Take photo", "dropHere": "Drop files to attach", "tooMany": "Limit of {{max}} attachments per message", "tooLarge": "The file {{name}} exceeds the 50 MB limit", "uploadFailed": "Upload failed", "uploading": "Uploading attachments...", "imagePreview": "Preview image", "showTranscript": "Show transcript", "hideTranscript": "Hide transcript" }, "voice": { "record": "Record audio", "recording": "Recording", "stop": "Finish recording", "cancel": "Cancel recording", "rerecord": "Record again", "attach": "Add to message", "discard": "Discard", "transcriptLabel": "Transcript", "transcriptPlaceholder": "The speech transcript appears here and can be edited" }, "camera": { "title": "Take photo", "unavailable": "Camera unavailable", "unavailableHint": "Check the browser camera permission", "switch": "Switch camera", "capture": "Capture photo" }, "search": { "open": "Search in conversation", "placeholder": "Search messages", "noResults": "No messages found", "error": "Messages could not be searched" } };
 const generatedByAI = { "tooltip": "Generated by AI" };
-const imageAiAdjust = { "action": "Adjust with AI", "title": "Adjust image with AI", "subtitle": "Describe the adjustment. The AI changes only what you ask and preserves the rest of the image.", "original": "Original", "result": "Result", "resultHint": "Describe the adjustment and click Generate to see the result here.", "promptLabel": "Desired adjustment", "promptPlaceholder": "E.g. remove the background and make it white, smooth the sleeve creases, brighten the lighting", "generate": "Generate", "generating": "Generating the image...", "tryAgain": "Generate another", "useResult": "Use this image", "errorGenerate": "Could not adjust the image with AI", "errorSave": "Could not save the adjusted image" };
+const imageAiAdjust = { "action": "Adjust with AI", "title": "Adjust image with AI", "subtitle": "Describe the adjustment. The AI changes only what you ask and preserves the rest of the image.", "original": "Original", "result": "Result", "resultHint": "Describe the adjustment and click Generate to see the result here.", "promptLabel": "Desired adjustment", "promptPlaceholder": "E.g. remove the background and make it white, smooth the sleeve creases, brighten the lighting", "generate": "Generate", "generating": "Generating the image...", "tryAgain": "Generate another", "useResult": "Use this image", "errorGenerate": "Could not adjust the image with AI", "errorSave": "Could not save the adjusted image", "errorRefused": "The AI could not make this adjustment: {{reason}}", "mask": { "start": "Mark the area", "stop": "Use the whole image", "hint": "Paint the area the AI may change. The rest of the image is kept." }, "verification": { "changedMoreThanRequested": "The AI changed more than requested. Check the areas outside the adjustment before using it.", "colorMismatch": "The garment color ({{dominant}}) differs from the requested color ({{target}})." } };
+const imageMaskPainter = { "paint": "Paint", "erase": "Erase", "brushSize": "Brush size", "undo": "Undo", "clear": "Clear", "surfaceLabel": "Mask painting area over the image" };
+const imageAiReview = { "discardTitle": "Why are you discarding this result?", "discardSubtitle": "Your answer helps us improve the AI. The image is discarded either way.", "discardConfirm": "Discard", "reasonLabel": "Reason", "detailsLabel": "Details", "detailsPlaceholder": "Optional: tell us what went wrong", "reasons": { "changed_the_product": "Changed the product", "wrong_color": "Wrong color", "bad_quality": "Bad quality", "person_changed": "The person changed", "text_or_logo": "Text or logo problem", "not_what_i_asked": "Not what I asked for", "other": "Other" } };
 const imageAnnotator = { "title": "Annotate image", "annotate": "Annotate image", "tools": { "select": "Select", "pen": "Freehand pen", "eraser": "Eraser", "arrow": "Arrow", "line": "Line", "rectangle": "Rectangle", "ellipse": "Ellipse", "text": "Text", "image": "Insert image" }, "stroke": { "thin": "Thin stroke", "medium": "Medium stroke", "thick": "Thick stroke" }, "style": { "none": "No colour", "fill": "Fill", "textBackground": "Text background", "bold": "Bold", "italic": "Italic", "alignLeft": "Align left", "alignCenter": "Align centre", "alignRight": "Align right", "border": "Image border", "shadow": "Image shadow", "font": { "small": "Small text", "medium": "Medium text", "large": "Large text" } }, "layers": { "forward": "Bring forward", "backward": "Send backward" }, "actions": { "duplicate": "Duplicate", "delete": "Delete" }, "undo": "Undo", "redo": "Redo", "clear": "Clear annotations", "textPlaceholder": "Type the text", "loadError": "Could not load the image for editing", "imageInsertFailed": "Could not insert the selected image", "sendFailed": "Could not upload the annotated image", "save": "Save annotations", "saving": "Saving..." };
 const imageZoom = { "title": "Enlarged image", "close": "Close" };
 const informationCard = { "defaultTitle": "Indicators Summary" };
@@ -51,6 +53,8 @@ const en = {
   followUp,
   generatedByAI,
   imageAiAdjust,
+  imageMaskPainter,
+  imageAiReview,
   imageAnnotator,
   imageZoom,
   informationCard,
@@ -89,7 +93,9 @@ export {
   followUp,
   generatedByAI,
   imageAiAdjust,
+  imageAiReview,
   imageAnnotator,
+  imageMaskPainter,
   imageZoom,
   informationCard,
   inputField,

package/dist/locales/en/ui.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ui.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/locales/index.d.ts

@@ -314,6 +314,41 @@ export declare const uiLocales: {
             useResult: string;
             errorGenerate: string;
             errorSave: string;
+            errorRefused: string;
+            mask: {
+                start: string;
+                stop: string;
+                hint: string;
+            };
+            verification: {
+                changedMoreThanRequested: string;
+                colorMismatch: string;
+            };
+        };
+        imageMaskPainter: {
+            paint: string;
+            erase: string;
+            brushSize: string;
+            undo: string;
+            clear: string;
+            surfaceLabel: string;
+        };
+        imageAiReview: {
+            discardTitle: string;
+            discardSubtitle: string;
+            discardConfirm: string;
+            reasonLabel: string;
+            detailsLabel: string;
+            detailsPlaceholder: string;
+            reasons: {
+                changed_the_product: string;
+                wrong_color: string;
+                bad_quality: string;
+                person_changed: string;
+                text_or_logo: string;
+                not_what_i_asked: string;
+                other: string;
+            };
         };
         imageAnnotator: {
             title: string;
@@ -832,6 +867,41 @@ export declare const uiLocales: {
             useResult: string;
             errorGenerate: string;
             errorSave: string;
+            errorRefused: string;
+            mask: {
+                start: string;
+                stop: string;
+                hint: string;
+            };
+            verification: {
+                changedMoreThanRequested: string;
+                colorMismatch: string;
+            };
+        };
+        imageMaskPainter: {
+            paint: string;
+            erase: string;
+            brushSize: string;
+            undo: string;
+            clear: string;
+            surfaceLabel: string;
+        };
+        imageAiReview: {
+            discardTitle: string;
+            discardSubtitle: string;
+            discardConfirm: string;
+            reasonLabel: string;
+            detailsLabel: string;
+            detailsPlaceholder: string;
+            reasons: {
+                changed_the_product: string;
+                wrong_color: string;
+                bad_quality: string;
+                person_changed: string;
+                text_or_logo: string;
+                not_what_i_asked: string;
+                other: string;
+            };
         };
         imageAnnotator: {
             title: string;

package/dist/locales/pt/ui.json.d.ts

@@ -311,7 +311,42 @@ declare const _default: {
     "tryAgain": "Gerar outra",
     "useResult": "Usar esta imagem",
     "errorGenerate": "Não foi possível ajustar a imagem com IA",
-    "errorSave": "Não foi possível salvar a imagem ajustada"
+    "errorSave": "Não foi possível salvar a imagem ajustada",
+    "errorRefused": "A IA não conseguiu fazer este ajuste: {{reason}}",
+    "mask": {
+      "start": "Marcar a área",
+      "stop": "Usar a imagem toda",
+      "hint": "Pinte a área que a IA pode alterar. O resto da imagem é mantido."
+    },
+    "verification": {
+      "changedMoreThanRequested": "A IA mudou mais do que o pedido. Confira as áreas fora do ajuste antes de usar.",
+      "colorMismatch": "A cor da peça ({{dominant}}) ficou diferente da cor pedida ({{target}})."
+    }
+  },
+  "imageMaskPainter": {
+    "paint": "Pintar",
+    "erase": "Apagar",
+    "brushSize": "Tamanho do pincel",
+    "undo": "Desfazer",
+    "clear": "Limpar",
+    "surfaceLabel": "Área de pintura da máscara sobre a imagem"
+  },
+  "imageAiReview": {
+    "discardTitle": "Por que descartar este resultado?",
+    "discardSubtitle": "Sua resposta ajuda a melhorar a IA. A imagem é descartada de qualquer forma.",
+    "discardConfirm": "Descartar",
+    "reasonLabel": "Motivo",
+    "detailsLabel": "Detalhes",
+    "detailsPlaceholder": "Opcional: conte o que deu errado",
+    "reasons": {
+      "changed_the_product": "Alterou o produto",
+      "wrong_color": "Cor errada",
+      "bad_quality": "Baixa qualidade",
+      "person_changed": "A pessoa mudou",
+      "text_or_logo": "Problema com texto ou logo",
+      "not_what_i_asked": "Não é o que pedi",
+      "other": "Outro"
+    }
   },
   "imageAnnotator": {
     "title": "Anotar imagem",

package/dist/locales/pt/ui.json.js

@@ -14,7 +14,9 @@ const filters = { "activeFilters": "Filtros aplicados", "appliedCount_one": "{{c
 const filtersDrawer = { "selectedFilters": "Filtros Selecionados:", "pendingChanges": "Alterações pendentes", "discardChangesTitle": "Descartar alterações?", "discardChangesMessage": "Você tem alterações de filtro não aplicadas. Deseja descartá-las?", "keepEditing": "Continuar editando", "discard": "Descartar" };
 const followUp = { "messages": "Mensagens", "chat": { "loadingMessages": "Carregando mensagens", "placeholder": "Escrever mensagem...", "invalidMessage": "Por favor, insira uma mensagem válida", "noMessagesYet": "Nenhuma mensagem por enquanto", "startConversation": "Inicie uma conversa adicionando a primeira mensagem", "loadError": "Não foi possível carregar as mensagens", "sendFailed": "Não foi possível enviar a mensagem. Tente novamente.", "sendFailedInline": "Falha no envio", "resend": "Reenviar", "discard": "Descartar", "today": "Hoje", "yesterday": "Ontem", "typingOne": "{{name}} está digitando...", "typingMany": "{{count}} pessoas estão digitando...", "someone": "Alguém", "you": "Você", "newMessages": "Novas mensagens", "backToLatest": "Voltar para as recentes", "deletedMessage": "Mensagem apagada", "edited": "editada", "readBy": "Lida por {{names}}", "copied": "Mensagem copiada", "replyingTo": "Respondendo a {{name}}", "attachmentFallback": "Anexo", "editTitle": "Editar mensagem", "deleteTitle": "Apagar mensagem?", "deleteSubtitle": "A mensagem será marcada como apagada para todos os participantes", "sendHint": "Enter envia, Shift+Enter quebra a linha", "formatting": "Formatação" }, "actions": { "reply": "Responder", "copy": "Copiar texto", "edit": "Editar", "delete": "Apagar" }, "attachments": { "attach": "Anexar", "pickFile": "Arquivo", "pickImage": "Imagem", "takePhoto": "Tirar foto", "dropHere": "Solte os arquivos para anexar", "tooMany": "Limite de {{max}} anexos por mensagem", "tooLarge": "O arquivo {{name}} passa do limite de 50 MB", "uploadFailed": "Falha no upload", "uploading": "Enviando anexos...", "imagePreview": "Visualizar imagem", "showTranscript": "Ver transcrição", "hideTranscript": "Ocultar transcrição" }, "voice": { "record": "Gravar áudio", "recording": "Gravando", "stop": "Concluir gravação", "cancel": "Cancelar gravação", "rerecord": "Regravar", "attach": "Adicionar ao envio", "discard": "Descartar", "transcriptLabel": "Transcrição", "transcriptPlaceholder": "A transcrição da fala aparece aqui e pode ser editada" }, "camera": { "title": "Tirar foto", "unavailable": "Câmera indisponível", "unavailableHint": "Verifique a permissão de câmera do navegador", "switch": "Alternar câmera", "capture": "Capturar foto" }, "search": { "open": "Buscar na conversa", "placeholder": "Buscar mensagens", "noResults": "Nenhuma mensagem encontrada", "error": "Não foi possível buscar as mensagens" } };
 const generatedByAI = { "tooltip": "Gerado por IA" };
-const imageAiAdjust = { "action": "Ajustar com IA", "title": "Ajustar imagem com IA", "subtitle": "Descreva o ajuste. A IA altera só o que você pedir e preserva o resto da imagem.", "original": "Original", "result": "Resultado", "resultHint": "Descreva o ajuste e clique em Gerar para ver o resultado aqui.", "promptLabel": "Ajuste desejado", "promptPlaceholder": "Ex.: remover o fundo e deixar branco, tirar os vincos da manga, clarear a iluminação", "generate": "Gerar", "generating": "Gerando a imagem...", "tryAgain": "Gerar outra", "useResult": "Usar esta imagem", "errorGenerate": "Não foi possível ajustar a imagem com IA", "errorSave": "Não foi possível salvar a imagem ajustada" };
+const imageAiAdjust = { "action": "Ajustar com IA", "title": "Ajustar imagem com IA", "subtitle": "Descreva o ajuste. A IA altera só o que você pedir e preserva o resto da imagem.", "original": "Original", "result": "Resultado", "resultHint": "Descreva o ajuste e clique em Gerar para ver o resultado aqui.", "promptLabel": "Ajuste desejado", "promptPlaceholder": "Ex.: remover o fundo e deixar branco, tirar os vincos da manga, clarear a iluminação", "generate": "Gerar", "generating": "Gerando a imagem...", "tryAgain": "Gerar outra", "useResult": "Usar esta imagem", "errorGenerate": "Não foi possível ajustar a imagem com IA", "errorSave": "Não foi possível salvar a imagem ajustada", "errorRefused": "A IA não conseguiu fazer este ajuste: {{reason}}", "mask": { "start": "Marcar a área", "stop": "Usar a imagem toda", "hint": "Pinte a área que a IA pode alterar. O resto da imagem é mantido." }, "verification": { "changedMoreThanRequested": "A IA mudou mais do que o pedido. Confira as áreas fora do ajuste antes de usar.", "colorMismatch": "A cor da peça ({{dominant}}) ficou diferente da cor pedida ({{target}})." } };
+const imageMaskPainter = { "paint": "Pintar", "erase": "Apagar", "brushSize": "Tamanho do pincel", "undo": "Desfazer", "clear": "Limpar", "surfaceLabel": "Área de pintura da máscara sobre a imagem" };
+const imageAiReview = { "discardTitle": "Por que descartar este resultado?", "discardSubtitle": "Sua resposta ajuda a melhorar a IA. A imagem é descartada de qualquer forma.", "discardConfirm": "Descartar", "reasonLabel": "Motivo", "detailsLabel": "Detalhes", "detailsPlaceholder": "Opcional: conte o que deu errado", "reasons": { "changed_the_product": "Alterou o produto", "wrong_color": "Cor errada", "bad_quality": "Baixa qualidade", "person_changed": "A pessoa mudou", "text_or_logo": "Problema com texto ou logo", "not_what_i_asked": "Não é o que pedi", "other": "Outro" } };
 const imageAnnotator = { "title": "Anotar imagem", "annotate": "Anotar imagem", "tools": { "select": "Selecionar", "pen": "Caneta livre", "eraser": "Borracha", "arrow": "Seta", "line": "Linha", "rectangle": "Retângulo", "ellipse": "Elipse", "text": "Texto", "image": "Inserir imagem" }, "stroke": { "thin": "Traço fino", "medium": "Traço médio", "thick": "Traço grosso" }, "style": { "none": "Sem cor", "fill": "Preenchimento", "textBackground": "Fundo do texto", "bold": "Negrito", "italic": "Itálico", "alignLeft": "Alinhar à esquerda", "alignCenter": "Centralizar", "alignRight": "Alinhar à direita", "border": "Borda da imagem", "shadow": "Sombra da imagem", "font": { "small": "Texto pequeno", "medium": "Texto médio", "large": "Texto grande" } }, "layers": { "forward": "Trazer para frente", "backward": "Enviar para trás" }, "actions": { "duplicate": "Duplicar", "delete": "Excluir" }, "undo": "Desfazer", "redo": "Refazer", "clear": "Limpar anotações", "textPlaceholder": "Digite o texto", "loadError": "Não foi possível carregar a imagem para edição", "imageInsertFailed": "Não foi possível inserir a imagem selecionada", "sendFailed": "Não foi possível enviar a imagem anotada", "save": "Salvar anotações", "saving": "Salvando..." };
 const imageZoom = { "title": "Imagem ampliada", "close": "Fechar" };
 const informationCard = { "defaultTitle": "Resumo dos Indicadores" };
@@ -51,6 +53,8 @@ const pt = {
   followUp,
   generatedByAI,
   imageAiAdjust,
+  imageMaskPainter,
+  imageAiReview,
   imageAnnotator,
   imageZoom,
   informationCard,
@@ -89,7 +93,9 @@ export {
   followUp,
   generatedByAI,
   imageAiAdjust,
+  imageAiReview,
   imageAnnotator,
+  imageMaskPainter,
   imageZoom,
   informationCard,
   inputField,

package/dist/locales/pt/ui.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ui.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}