@open-mercato/core 0.6.6-develop.6403.1.b57089b6fe → 0.6.6-develop.6404.1.e2f8d5025a

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
-[build:core] found 3449 entry points
+[build:core] found 3450 entry points
 [build:core] built successfully
 [build:core:generated] found 186 entry points
 [build:core:generated] built successfully

package/dist/modules/catalog/widgets/injection/product-seo/state.js

@@ -1,3 +1,10 @@
+let productSeoTranslator = null;
+function setProductSeoTranslator(t) {
+  productSeoTranslator = t;
+}
+function getProductSeoTranslator() {
+  return productSeoTranslator ?? void 0;
+}
 const listeners = /* @__PURE__ */ new Set();
 function publishProductSeoValidation(payload) {
   listeners.forEach((listener) => {
@@ -13,7 +20,9 @@ function subscribeProductSeoValidation(listener) {
   return () => listeners.delete(listener);
 }
 export {
+  getProductSeoTranslator,
   publishProductSeoValidation,
+  setProductSeoTranslator,
   subscribeProductSeoValidation
 };
 //# sourceMappingURL=state.js.map

package/dist/modules/catalog/widgets/injection/product-seo/state.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/catalog/widgets/injection/product-seo/state.ts"],
-  "sourcesContent": ["export type ProductSeoValidationPayload = {\n  ok: boolean\n  issues: string[]\n  message?: string\n}\n\ntype Listener = (payload: ProductSeoValidationPayload) => void\n\nconst listeners = new Set<Listener>()\n\nexport function publishProductSeoValidation(payload: ProductSeoValidationPayload) {\n  listeners.forEach((listener) => {\n    try {\n      listener(payload)\n    } catch (err) {\n      console.error('[product-seo] Failed to notify listener', err)\n    }\n  })\n}\n\nexport function subscribeProductSeoValidation(listener: Listener): () => void {\n  listeners.add(listener)\n  return () => listeners.delete(listener)\n}\n"],
-  "mappings": "AAQA,MAAM,YAAY,oBAAI,IAAc;AAE7B,SAAS,4BAA4B,SAAsC;AAChF,YAAU,QAAQ,CAAC,aAAa;AAC9B,QAAI;AACF,eAAS,OAAO;AAAA,IAClB,SAAS,KAAK;AACZ,cAAQ,MAAM,2CAA2C,GAAG;AAAA,IAC9D;AAAA,EACF,CAAC;AACH;AAEO,SAAS,8BAA8B,UAAgC;AAC5E,YAAU,IAAI,QAAQ;AACtB,SAAO,MAAM,UAAU,OAAO,QAAQ;AACxC;",
+  "sourcesContent": ["import type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'\n\nexport type ProductSeoValidationPayload = {\n  ok: boolean\n  issues: string[]\n  message?: string\n}\n\n// The `onBeforeSave` validation hook (widget.ts) is a plain side-effect handler\n// with no React context, so it cannot call `useT`. The widget component (which\n// does have `useT`) publishes its translator here on mount; the hook reads it to\n// localize the save-block message (#3299). Undefined until the widget mounts \u2014\n// callers fall back to English via `evaluateProductSeo`'s default translator.\nlet productSeoTranslator: TranslateFn | null = null\n\nexport function setProductSeoTranslator(t: TranslateFn | null) {\n  productSeoTranslator = t\n}\n\nexport function getProductSeoTranslator(): TranslateFn | undefined {\n  return productSeoTranslator ?? undefined\n}\n\ntype Listener = (payload: ProductSeoValidationPayload) => void\n\nconst listeners = new Set<Listener>()\n\nexport function publishProductSeoValidation(payload: ProductSeoValidationPayload) {\n  listeners.forEach((listener) => {\n    try {\n      listener(payload)\n    } catch (err) {\n      console.error('[product-seo] Failed to notify listener', err)\n    }\n  })\n}\n\nexport function subscribeProductSeoValidation(listener: Listener): () => void {\n  listeners.add(listener)\n  return () => listeners.delete(listener)\n}\n"],
+  "mappings": "AAaA,IAAI,uBAA2C;AAExC,SAAS,wBAAwB,GAAuB;AAC7D,yBAAuB;AACzB;AAEO,SAAS,0BAAmD;AACjE,SAAO,wBAAwB;AACjC;AAIA,MAAM,YAAY,oBAAI,IAAc;AAE7B,SAAS,4BAA4B,SAAsC;AAChF,YAAU,QAAQ,CAAC,aAAa;AAC9B,QAAI;AACF,eAAS,OAAO;AAAA,IAClB,SAAS,KAAK;AACZ,cAAQ,MAAM,2CAA2C,GAAG;AAAA,IAC9D;AAAA,EACF,CAAC;AACH;AAEO,SAAS,8BAA8B,UAAgC;AAC5E,YAAU,IAAI,QAAQ;AACtB,SAAO,MAAM,UAAU,OAAO,QAAQ;AACxC;",
   "names": []
 }

package/dist/modules/catalog/widgets/injection/product-seo/validation.js

@@ -1,34 +1,48 @@
-const MESSAGE_PREFIX = "SEO helper: ";
-function buildSeoBlockMessage(issues) {
-  if (issues.length === 1) return `${MESSAGE_PREFIX}${issues[0]}`;
-  if (issues.length <= 3) return `${MESSAGE_PREFIX}${issues.join(" ")}`;
-  return `${MESSAGE_PREFIX}${issues.length} issues found. ${issues.slice(0, 2).join(" ")}`;
+const englishFallback = (_key, fallbackOrParams, params) => {
+  const template = typeof fallbackOrParams === "string" ? fallbackOrParams : "";
+  const resolvedParams = typeof fallbackOrParams === "string" ? params : fallbackOrParams;
+  if (!resolvedParams) return template;
+  return template.replace(/\{\{(\w+)\}\}|\{(\w+)\}/g, (match, doubleKey, singleKey) => {
+    const key = doubleKey ?? singleKey;
+    const value = resolvedParams[key];
+    return value === void 0 ? match : String(value);
+  });
+};
+const K = "catalog.products.create.seoWidget.validation";
+function buildSeoBlockMessage(issues, t = englishFallback) {
+  if (issues.length <= 3) {
+    return t(`${K}.block.list`, "SEO helper: {{issues}}", { issues: issues.join(" ") });
+  }
+  return t(`${K}.block.summary`, "SEO helper: {{count}} issues found. {{issues}}", {
+    count: issues.length,
+    issues: issues.slice(0, 2).join(" ")
+  });
 }
-function evaluateProductSeo(data) {
+function evaluateProductSeo(data, t = englishFallback) {
   const issues = [];
   const fieldErrors = {};
   const title = data?.title || data?.name;
   if (typeof title === "string" && title.length > 0) {
     if (title.length < 10) {
-      issues.push("Title is too short (min 10 characters).");
-      fieldErrors.title = "Title is too short for good SEO (min 10 characters).";
+      issues.push(t(`${K}.issue.titleTooShort`, "Title is too short (min 10 characters)."));
+      fieldErrors.title = t(`${K}.fieldError.titleTooShort`, "Title is too short for good SEO (min 10 characters).");
     } else if (title.length > 60) {
-      issues.push("Title is too long (max 60 characters recommended).");
-      fieldErrors.title = "Title is too long for optimal SEO (max 60 characters).";
+      issues.push(t(`${K}.issue.titleTooLong`, "Title is too long (max 60 characters recommended)."));
+      fieldErrors.title = t(`${K}.fieldError.titleTooLong`, "Title is too long for optimal SEO (max 60 characters).");
     }
   }
   const description = data?.description;
   if (typeof description === "string") {
     if (description.trim().length === 0) {
-      issues.push("Add a product description for better SEO.");
-      fieldErrors.description = "Provide a description to help search engines understand this product.";
+      issues.push(t(`${K}.issue.descriptionMissing`, "Add a product description for better SEO."));
+      fieldErrors.description = t(`${K}.fieldError.descriptionMissing`, "Provide a description to help search engines understand this product.");
     } else if (description.length < 50) {
-      issues.push("Description is too short (min 50 characters).");
-      fieldErrors.description = "Description is too short for good SEO (min 50 characters).";
+      issues.push(t(`${K}.issue.descriptionTooShort`, "Description is too short (min 50 characters)."));
+      fieldErrors.description = t(`${K}.fieldError.descriptionTooShort`, "Description is too short for good SEO (min 50 characters).");
     }
   }
   if (issues.length) {
-    return { ok: false, issues, fieldErrors, message: buildSeoBlockMessage(issues) };
+    return { ok: false, issues, fieldErrors, message: buildSeoBlockMessage(issues, t) };
   }
   return { ok: true, issues: [], fieldErrors: {} };
 }

package/dist/modules/catalog/widgets/injection/product-seo/validation.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/catalog/widgets/injection/product-seo/validation.ts"],
-  "sourcesContent": ["export type ProductSeoEvaluation = {\n  ok: boolean\n  issues: string[]\n  fieldErrors: Record<string, string>\n  message?: string\n}\n\nconst MESSAGE_PREFIX = 'SEO helper: '\n\nexport function buildSeoBlockMessage(issues: string[]): string {\n  if (issues.length === 1) return `${MESSAGE_PREFIX}${issues[0]}`\n  if (issues.length <= 3) return `${MESSAGE_PREFIX}${issues.join(' ')}`\n  return `${MESSAGE_PREFIX}${issues.length} issues found. ${issues.slice(0, 2).join(' ')}`\n}\n\nexport function evaluateProductSeo(data: Record<string, unknown> | null | undefined): ProductSeoEvaluation {\n  const issues: string[] = []\n  const fieldErrors: Record<string, string> = {}\n\n  const title = (data?.title as unknown) || (data?.name as unknown)\n  if (typeof title === 'string' && title.length > 0) {\n    if (title.length < 10) {\n      issues.push('Title is too short (min 10 characters).')\n      fieldErrors.title = 'Title is too short for good SEO (min 10 characters).'\n    } else if (title.length > 60) {\n      issues.push('Title is too long (max 60 characters recommended).')\n      fieldErrors.title = 'Title is too long for optimal SEO (max 60 characters).'\n    }\n  }\n\n  const description = data?.description\n  if (typeof description === 'string') {\n    if (description.trim().length === 0) {\n      issues.push('Add a product description for better SEO.')\n      fieldErrors.description = 'Provide a description to help search engines understand this product.'\n    } else if (description.length < 50) {\n      issues.push('Description is too short (min 50 characters).')\n      fieldErrors.description = 'Description is too short for good SEO (min 50 characters).'\n    }\n  }\n\n  if (issues.length) {\n    return { ok: false, issues, fieldErrors, message: buildSeoBlockMessage(issues) }\n  }\n\n  return { ok: true, issues: [], fieldErrors: {} }\n}\n"],
-  "mappings": "AAOA,MAAM,iBAAiB;AAEhB,SAAS,qBAAqB,QAA0B;AAC7D,MAAI,OAAO,WAAW,EAAG,QAAO,GAAG,cAAc,GAAG,OAAO,CAAC,CAAC;AAC7D,MAAI,OAAO,UAAU,EAAG,QAAO,GAAG,cAAc,GAAG,OAAO,KAAK,GAAG,CAAC;AACnE,SAAO,GAAG,cAAc,GAAG,OAAO,MAAM,kBAAkB,OAAO,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC;AACxF;AAEO,SAAS,mBAAmB,MAAwE;AACzG,QAAM,SAAmB,CAAC;AAC1B,QAAM,cAAsC,CAAC;AAE7C,QAAM,QAAS,MAAM,SAAsB,MAAM;AACjD,MAAI,OAAO,UAAU,YAAY,MAAM,SAAS,GAAG;AACjD,QAAI,MAAM,SAAS,IAAI;AACrB,aAAO,KAAK,yCAAyC;AACrD,kBAAY,QAAQ;AAAA,IACtB,WAAW,MAAM,SAAS,IAAI;AAC5B,aAAO,KAAK,oDAAoD;AAChE,kBAAY,QAAQ;AAAA,IACtB;AAAA,EACF;AAEA,QAAM,cAAc,MAAM;AAC1B,MAAI,OAAO,gBAAgB,UAAU;AACnC,QAAI,YAAY,KAAK,EAAE,WAAW,GAAG;AACnC,aAAO,KAAK,2CAA2C;AACvD,kBAAY,cAAc;AAAA,IAC5B,WAAW,YAAY,SAAS,IAAI;AAClC,aAAO,KAAK,+CAA+C;AAC3D,kBAAY,cAAc;AAAA,IAC5B;AAAA,EACF;AAEA,MAAI,OAAO,QAAQ;AACjB,WAAO,EAAE,IAAI,OAAO,QAAQ,aAAa,SAAS,qBAAqB,MAAM,EAAE;AAAA,EACjF;AAEA,SAAO,EAAE,IAAI,MAAM,QAAQ,CAAC,GAAG,aAAa,CAAC,EAAE;AACjD;",
+  "sourcesContent": ["import type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'\n\nexport type ProductSeoEvaluation = {\n  ok: boolean\n  issues: string[]\n  fieldErrors: Record<string, string>\n  message?: string\n}\n\n// English-fallback translator: keeps this pure module usable (and unit-testable)\n// when no real `t` is threaded in \u2014 every string still ships its English default,\n// interpolating `{{param}}` placeholders the same way the real translator does.\nconst englishFallback: TranslateFn = (_key, fallbackOrParams, params) => {\n  const template = typeof fallbackOrParams === 'string' ? fallbackOrParams : ''\n  const resolvedParams = typeof fallbackOrParams === 'string' ? params : fallbackOrParams\n  if (!resolvedParams) return template\n  return template.replace(/\\{\\{(\\w+)\\}\\}|\\{(\\w+)\\}/g, (match, doubleKey, singleKey) => {\n    const key = doubleKey ?? singleKey\n    const value = resolvedParams[key]\n    return value === undefined ? match : String(value)\n  })\n}\n\nconst K = 'catalog.products.create.seoWidget.validation'\n\nexport function buildSeoBlockMessage(issues: string[], t: TranslateFn = englishFallback): string {\n  if (issues.length <= 3) {\n    return t(`${K}.block.list`, 'SEO helper: {{issues}}', { issues: issues.join(' ') })\n  }\n  return t(`${K}.block.summary`, 'SEO helper: {{count}} issues found. {{issues}}', {\n    count: issues.length,\n    issues: issues.slice(0, 2).join(' '),\n  })\n}\n\nexport function evaluateProductSeo(\n  data: Record<string, unknown> | null | undefined,\n  t: TranslateFn = englishFallback,\n): ProductSeoEvaluation {\n  const issues: string[] = []\n  const fieldErrors: Record<string, string> = {}\n\n  const title = (data?.title as unknown) || (data?.name as unknown)\n  if (typeof title === 'string' && title.length > 0) {\n    if (title.length < 10) {\n      issues.push(t(`${K}.issue.titleTooShort`, 'Title is too short (min 10 characters).'))\n      fieldErrors.title = t(`${K}.fieldError.titleTooShort`, 'Title is too short for good SEO (min 10 characters).')\n    } else if (title.length > 60) {\n      issues.push(t(`${K}.issue.titleTooLong`, 'Title is too long (max 60 characters recommended).'))\n      fieldErrors.title = t(`${K}.fieldError.titleTooLong`, 'Title is too long for optimal SEO (max 60 characters).')\n    }\n  }\n\n  const description = data?.description\n  if (typeof description === 'string') {\n    if (description.trim().length === 0) {\n      issues.push(t(`${K}.issue.descriptionMissing`, 'Add a product description for better SEO.'))\n      fieldErrors.description = t(`${K}.fieldError.descriptionMissing`, 'Provide a description to help search engines understand this product.')\n    } else if (description.length < 50) {\n      issues.push(t(`${K}.issue.descriptionTooShort`, 'Description is too short (min 50 characters).'))\n      fieldErrors.description = t(`${K}.fieldError.descriptionTooShort`, 'Description is too short for good SEO (min 50 characters).')\n    }\n  }\n\n  if (issues.length) {\n    return { ok: false, issues, fieldErrors, message: buildSeoBlockMessage(issues, t) }\n  }\n\n  return { ok: true, issues: [], fieldErrors: {} }\n}\n"],
+  "mappings": "AAYA,MAAM,kBAA+B,CAAC,MAAM,kBAAkB,WAAW;AACvE,QAAM,WAAW,OAAO,qBAAqB,WAAW,mBAAmB;AAC3E,QAAM,iBAAiB,OAAO,qBAAqB,WAAW,SAAS;AACvE,MAAI,CAAC,eAAgB,QAAO;AAC5B,SAAO,SAAS,QAAQ,4BAA4B,CAAC,OAAO,WAAW,cAAc;AACnF,UAAM,MAAM,aAAa;AACzB,UAAM,QAAQ,eAAe,GAAG;AAChC,WAAO,UAAU,SAAY,QAAQ,OAAO,KAAK;AAAA,EACnD,CAAC;AACH;AAEA,MAAM,IAAI;AAEH,SAAS,qBAAqB,QAAkB,IAAiB,iBAAyB;AAC/F,MAAI,OAAO,UAAU,GAAG;AACtB,WAAO,EAAE,GAAG,CAAC,eAAe,0BAA0B,EAAE,QAAQ,OAAO,KAAK,GAAG,EAAE,CAAC;AAAA,EACpF;AACA,SAAO,EAAE,GAAG,CAAC,kBAAkB,kDAAkD;AAAA,IAC/E,OAAO,OAAO;AAAA,IACd,QAAQ,OAAO,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG;AAAA,EACrC,CAAC;AACH;AAEO,SAAS,mBACd,MACA,IAAiB,iBACK;AACtB,QAAM,SAAmB,CAAC;AAC1B,QAAM,cAAsC,CAAC;AAE7C,QAAM,QAAS,MAAM,SAAsB,MAAM;AACjD,MAAI,OAAO,UAAU,YAAY,MAAM,SAAS,GAAG;AACjD,QAAI,MAAM,SAAS,IAAI;AACrB,aAAO,KAAK,EAAE,GAAG,CAAC,wBAAwB,yCAAyC,CAAC;AACpF,kBAAY,QAAQ,EAAE,GAAG,CAAC,6BAA6B,sDAAsD;AAAA,IAC/G,WAAW,MAAM,SAAS,IAAI;AAC5B,aAAO,KAAK,EAAE,GAAG,CAAC,uBAAuB,oDAAoD,CAAC;AAC9F,kBAAY,QAAQ,EAAE,GAAG,CAAC,4BAA4B,wDAAwD;AAAA,IAChH;AAAA,EACF;AAEA,QAAM,cAAc,MAAM;AAC1B,MAAI,OAAO,gBAAgB,UAAU;AACnC,QAAI,YAAY,KAAK,EAAE,WAAW,GAAG;AACnC,aAAO,KAAK,EAAE,GAAG,CAAC,6BAA6B,2CAA2C,CAAC;AAC3F,kBAAY,cAAc,EAAE,GAAG,CAAC,kCAAkC,uEAAuE;AAAA,IAC3I,WAAW,YAAY,SAAS,IAAI;AAClC,aAAO,KAAK,EAAE,GAAG,CAAC,8BAA8B,+CAA+C,CAAC;AAChG,kBAAY,cAAc,EAAE,GAAG,CAAC,mCAAmC,4DAA4D;AAAA,IACjI;AAAA,EACF;AAEA,MAAI,OAAO,QAAQ;AACjB,WAAO,EAAE,IAAI,OAAO,QAAQ,aAAa,SAAS,qBAAqB,QAAQ,CAAC,EAAE;AAAA,EACpF;AAEA,SAAO,EAAE,IAAI,MAAM,QAAQ,CAAC,GAAG,aAAa,CAAC,EAAE;AACjD;",
   "names": []
 }

package/dist/modules/catalog/widgets/injection/product-seo/widget.client.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { subscribeProductSeoValidation } from "./state.js";
+import { subscribeProductSeoValidation, setProductSeoTranslator } from "./state.js";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { StatusBadge } from "@open-mercato/ui/primitives/status-badge";
 import { Alert } from "@open-mercato/ui/primitives/alert";
@@ -22,6 +22,10 @@ function computeIssueKeys(title, description) {
 }
 function ProductSeoWidget({ data }) {
   const t = useT();
+  React.useEffect(() => {
+    setProductSeoTranslator(t);
+    return () => setProductSeoTranslator(null);
+  }, [t]);
   const title = (data?.title || data?.name || "") ?? "";
   const description = data?.description ?? "";
   const baselineIssueKeys = React.useMemo(() => computeIssueKeys(title, description), [title, description]);

package/dist/modules/catalog/widgets/injection/product-seo/widget.client.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/catalog/widgets/injection/product-seo/widget.client.tsx"],
-  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport type { InjectionWidgetComponentProps } from '@open-mercato/shared/modules/widgets/injection'\nimport { subscribeProductSeoValidation } from './state'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { StatusBadge, type StatusBadgeVariant } from '@open-mercato/ui/primitives/status-badge'\nimport { Alert } from '@open-mercato/ui/primitives/alert'\n\ntype SeoData = {\n  title?: string | null\n  name?: string | null\n  description?: string | null\n}\n\ntype ValidationState = { ok: boolean; issues: string[]; message?: string }\n\ntype IssueKey = 'addTitle' | 'titleTooShort' | 'titleTooLong' | 'addDescription' | 'descriptionTooShort'\n\ntype SeoScore = { text: string; variant: StatusBadgeVariant }\n\nfunction computeIssueKeys(title: string, description: string): IssueKey[] {\n  const issues: IssueKey[] = []\n  if (!title) {\n    issues.push('addTitle')\n  } else {\n    if (title.length < 10) issues.push('titleTooShort')\n    if (title.length > 60) issues.push('titleTooLong')\n  }\n  if (!description) {\n    issues.push('addDescription')\n  } else if (description.length < 50) {\n    issues.push('descriptionTooShort')\n  }\n  return issues\n}\n\nexport default function ProductSeoWidget({ data }: InjectionWidgetComponentProps<unknown, SeoData>) {\n  const t = useT()\n  const title = (data?.title || data?.name || '') ?? ''\n  const description = data?.description ?? ''\n  const baselineIssueKeys = React.useMemo(() => computeIssueKeys(title, description), [title, description])\n  const [validation, setValidation] = React.useState<ValidationState>({ ok: baselineIssueKeys.length === 0, issues: baselineIssueKeys })\n\n  React.useEffect(() => {\n    setValidation({ ok: baselineIssueKeys.length === 0, issues: baselineIssueKeys })\n  }, [baselineIssueKeys])\n\n  React.useEffect(() => {\n    return subscribeProductSeoValidation((payload) => {\n      setValidation({\n        ok: payload.ok,\n        issues: payload.issues,\n        message: payload.message,\n      })\n    })\n  }, [])\n\n  const titleScore = React.useMemo<SeoScore>(() => {\n    if (!title) return { text: t('catalog.products.create.seoWidget.missing', 'Missing'), variant: 'error' }\n    if (title.length < 10) return { text: t('catalog.products.create.seoWidget.tooShort', 'Too short'), variant: 'warning' }\n    if (title.length > 60) return { text: t('catalog.products.create.seoWidget.tooLong', 'Too long'), variant: 'warning' }\n    return { text: t('catalog.products.create.seoWidget.good', 'Good'), variant: 'success' }\n  }, [title, t])\n\n  const descScore = React.useMemo<SeoScore>(() => {\n    if (!description) return { text: t('catalog.products.create.seoWidget.missing', 'Missing'), variant: 'error' }\n    if (description.length < 50) return { text: t('catalog.products.create.seoWidget.tooShort', 'Too short'), variant: 'warning' }\n    return { text: t('catalog.products.create.seoWidget.good', 'Good'), variant: 'success' }\n  }, [description, t])\n\n  const statusBadge = validation.ok ? (\n    <StatusBadge variant=\"success\">\n      {t('catalog.products.create.seoWidget.ready', 'Ready')}\n    </StatusBadge>\n  ) : (\n    <StatusBadge variant=\"warning\">\n      {t('catalog.products.create.seoWidget.needsAttention', 'Needs attention')}\n    </StatusBadge>\n  )\n\n  const translateIssue = (issueKey: string): string => {\n    return t(`catalog.products.create.seoWidget.issues.${issueKey}`, issueKey)\n  }\n\n  return (\n    <div className=\"mt-4 w-full space-y-3 rounded-lg border bg-card p-4 shadow-sm\">\n      <div className=\"flex items-start justify-between gap-3\">\n        <div>\n          <div className=\"text-sm font-semibold text-foreground\">{t('catalog.products.create.seoWidget.title', 'SEO Optimization')}</div>\n          <p className=\"text-xs text-muted-foreground\">{t('catalog.products.create.seoWidget.hint', 'Keep titles 10\u201360 chars and descriptions 50+ chars.')}</p>\n        </div>\n        {statusBadge}\n      </div>\n\n      {validation.message || validation.issues.length ? (\n        <Alert\n          status={validation.ok ? 'success' : 'warning'}\n          style=\"lighter\"\n          size=\"sm\"\n          showIcon={false}\n          className=\"text-xs\"\n        >\n          {validation.message ? <div className=\"font-medium\">{validation.message}</div> : null}\n          {validation.issues.length ? (\n            <ul className=\"ml-4 list-disc space-y-1 pt-1\">\n              {validation.issues.map((issue) => (\n                <li key={issue}>{translateIssue(issue)}</li>\n              ))}\n            </ul>\n          ) : null}\n        </Alert>\n      ) : null}\n\n      <div className=\"rounded border bg-muted/30 p-3 text-sm\">\n        <div className=\"flex items-center justify-between\">\n          <span className=\"text-muted-foreground\">{t('catalog.products.create.seoWidget.titleLabel', 'Title ({{count}} chars)', { count: title.length })}</span>\n          <StatusBadge variant={titleScore.variant}>{titleScore.text}</StatusBadge>\n        </div>\n        <div className=\"mt-2 flex items-center justify-between\">\n          <span className=\"text-muted-foreground\">{t('catalog.products.create.seoWidget.descriptionLabel', 'Description ({{count}} chars)', { count: description.length })}</span>\n          <StatusBadge variant={descScore.variant}>{descScore.text}</StatusBadge>\n        </div>\n      </div>\n\n      <p className=\"text-overline text-muted-foreground\">\n        {t('catalog.products.create.seoWidget.footer', 'Example widget powered by the injection system.')}{' '}\n        <a className=\"text-primary underline\" href=\"/docs/framework/admin-ui/widget-injection\" target=\"_blank\" rel=\"noreferrer\">\n          {t('catalog.products.create.seoWidget.learnMore', 'Learn how to build your own')}\n        </a>\n        .\n      </p>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport type { InjectionWidgetComponentProps } from '@open-mercato/shared/modules/widgets/injection'\nimport { subscribeProductSeoValidation, setProductSeoTranslator } from './state'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { StatusBadge, type StatusBadgeVariant } from '@open-mercato/ui/primitives/status-badge'\nimport { Alert } from '@open-mercato/ui/primitives/alert'\n\ntype SeoData = {\n  title?: string | null\n  name?: string | null\n  description?: string | null\n}\n\ntype ValidationState = { ok: boolean; issues: string[]; message?: string }\n\ntype IssueKey = 'addTitle' | 'titleTooShort' | 'titleTooLong' | 'addDescription' | 'descriptionTooShort'\n\ntype SeoScore = { text: string; variant: StatusBadgeVariant }\n\nfunction computeIssueKeys(title: string, description: string): IssueKey[] {\n  const issues: IssueKey[] = []\n  if (!title) {\n    issues.push('addTitle')\n  } else {\n    if (title.length < 10) issues.push('titleTooShort')\n    if (title.length > 60) issues.push('titleTooLong')\n  }\n  if (!description) {\n    issues.push('addDescription')\n  } else if (description.length < 50) {\n    issues.push('descriptionTooShort')\n  }\n  return issues\n}\n\nexport default function ProductSeoWidget({ data }: InjectionWidgetComponentProps<unknown, SeoData>) {\n  const t = useT()\n  // Expose the translator to the module's `onBeforeSave` hook (which has no React\n  // context) so the save-block message is localized (#3299).\n  React.useEffect(() => {\n    setProductSeoTranslator(t)\n    return () => setProductSeoTranslator(null)\n  }, [t])\n  const title = (data?.title || data?.name || '') ?? ''\n  const description = data?.description ?? ''\n  const baselineIssueKeys = React.useMemo(() => computeIssueKeys(title, description), [title, description])\n  const [validation, setValidation] = React.useState<ValidationState>({ ok: baselineIssueKeys.length === 0, issues: baselineIssueKeys })\n\n  React.useEffect(() => {\n    setValidation({ ok: baselineIssueKeys.length === 0, issues: baselineIssueKeys })\n  }, [baselineIssueKeys])\n\n  React.useEffect(() => {\n    return subscribeProductSeoValidation((payload) => {\n      setValidation({\n        ok: payload.ok,\n        issues: payload.issues,\n        message: payload.message,\n      })\n    })\n  }, [])\n\n  const titleScore = React.useMemo<SeoScore>(() => {\n    if (!title) return { text: t('catalog.products.create.seoWidget.missing', 'Missing'), variant: 'error' }\n    if (title.length < 10) return { text: t('catalog.products.create.seoWidget.tooShort', 'Too short'), variant: 'warning' }\n    if (title.length > 60) return { text: t('catalog.products.create.seoWidget.tooLong', 'Too long'), variant: 'warning' }\n    return { text: t('catalog.products.create.seoWidget.good', 'Good'), variant: 'success' }\n  }, [title, t])\n\n  const descScore = React.useMemo<SeoScore>(() => {\n    if (!description) return { text: t('catalog.products.create.seoWidget.missing', 'Missing'), variant: 'error' }\n    if (description.length < 50) return { text: t('catalog.products.create.seoWidget.tooShort', 'Too short'), variant: 'warning' }\n    return { text: t('catalog.products.create.seoWidget.good', 'Good'), variant: 'success' }\n  }, [description, t])\n\n  const statusBadge = validation.ok ? (\n    <StatusBadge variant=\"success\">\n      {t('catalog.products.create.seoWidget.ready', 'Ready')}\n    </StatusBadge>\n  ) : (\n    <StatusBadge variant=\"warning\">\n      {t('catalog.products.create.seoWidget.needsAttention', 'Needs attention')}\n    </StatusBadge>\n  )\n\n  const translateIssue = (issueKey: string): string => {\n    return t(`catalog.products.create.seoWidget.issues.${issueKey}`, issueKey)\n  }\n\n  return (\n    <div className=\"mt-4 w-full space-y-3 rounded-lg border bg-card p-4 shadow-sm\">\n      <div className=\"flex items-start justify-between gap-3\">\n        <div>\n          <div className=\"text-sm font-semibold text-foreground\">{t('catalog.products.create.seoWidget.title', 'SEO Optimization')}</div>\n          <p className=\"text-xs text-muted-foreground\">{t('catalog.products.create.seoWidget.hint', 'Keep titles 10\u201360 chars and descriptions 50+ chars.')}</p>\n        </div>\n        {statusBadge}\n      </div>\n\n      {validation.message || validation.issues.length ? (\n        <Alert\n          status={validation.ok ? 'success' : 'warning'}\n          style=\"lighter\"\n          size=\"sm\"\n          showIcon={false}\n          className=\"text-xs\"\n        >\n          {validation.message ? <div className=\"font-medium\">{validation.message}</div> : null}\n          {validation.issues.length ? (\n            <ul className=\"ml-4 list-disc space-y-1 pt-1\">\n              {validation.issues.map((issue) => (\n                <li key={issue}>{translateIssue(issue)}</li>\n              ))}\n            </ul>\n          ) : null}\n        </Alert>\n      ) : null}\n\n      <div className=\"rounded border bg-muted/30 p-3 text-sm\">\n        <div className=\"flex items-center justify-between\">\n          <span className=\"text-muted-foreground\">{t('catalog.products.create.seoWidget.titleLabel', 'Title ({{count}} chars)', { count: title.length })}</span>\n          <StatusBadge variant={titleScore.variant}>{titleScore.text}</StatusBadge>\n        </div>\n        <div className=\"mt-2 flex items-center justify-between\">\n          <span className=\"text-muted-foreground\">{t('catalog.products.create.seoWidget.descriptionLabel', 'Description ({{count}} chars)', { count: description.length })}</span>\n          <StatusBadge variant={descScore.variant}>{descScore.text}</StatusBadge>\n        </div>\n      </div>\n\n      <p className=\"text-overline text-muted-foreground\">\n        {t('catalog.products.create.seoWidget.footer', 'Example widget powered by the injection system.')}{' '}\n        <a className=\"text-primary underline\" href=\"/docs/framework/admin-ui/widget-injection\" target=\"_blank\" rel=\"noreferrer\">\n          {t('catalog.products.create.seoWidget.learnMore', 'Learn how to build your own')}\n        </a>\n        .\n      </p>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/catalog/widgets/injection/product-seo/widget.js

@@ -1,5 +1,5 @@
 import ProductSeoWidget from "./widget.client.js";
-import { publishProductSeoValidation } from "./state.js";
+import { publishProductSeoValidation, getProductSeoTranslator } from "./state.js";
 import { evaluateProductSeo } from "./validation.js";
 const widget = {
   metadata: {
@@ -14,7 +14,7 @@ const widget = {
   Widget: ProductSeoWidget,
   eventHandlers: {
     onBeforeSave: async (data) => {
-      const evaluation = evaluateProductSeo(data);
+      const evaluation = evaluateProductSeo(data, getProductSeoTranslator());
       if (!evaluation.ok) {
         publishProductSeoValidation({ ok: false, issues: evaluation.issues, message: evaluation.message });
         return { ok: false, message: evaluation.message, fieldErrors: evaluation.fieldErrors };

package/dist/modules/catalog/widgets/injection/product-seo/widget.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/catalog/widgets/injection/product-seo/widget.ts"],
-  "sourcesContent": ["import type { InjectionWidgetModule } from '@open-mercato/shared/modules/widgets/injection'\nimport ProductSeoWidget from './widget.client'\nimport { publishProductSeoValidation } from './state'\nimport { evaluateProductSeo } from './validation'\n\nconst widget: InjectionWidgetModule<any, any> = {\n  metadata: {\n    id: 'catalog.injection.product-seo',\n    title: 'Product SEO Helper',\n    description: 'Helps optimize product metadata for search engines',\n    features: ['catalog.products.edit'],\n    priority: 90,\n    enabled: true,\n    requiredFields: ['description'],\n  },\n  Widget: ProductSeoWidget,\n  eventHandlers: {\n    onBeforeSave: async (data) => {\n      const evaluation = evaluateProductSeo(data as Record<string, unknown>)\n\n      if (!evaluation.ok) {\n        publishProductSeoValidation({ ok: false, issues: evaluation.issues, message: evaluation.message })\n        return { ok: false, message: evaluation.message, fieldErrors: evaluation.fieldErrors }\n      }\n\n      publishProductSeoValidation({ ok: true, issues: [] })\n      return { ok: true }\n    },\n  },\n}\n\nexport default widget\n"],
-  "mappings": "AACA,OAAO,sBAAsB;AAC7B,SAAS,mCAAmC;AAC5C,SAAS,0BAA0B;AAEnC,MAAM,SAA0C;AAAA,EAC9C,UAAU;AAAA,IACR,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,UAAU,CAAC,uBAAuB;AAAA,IAClC,UAAU;AAAA,IACV,SAAS;AAAA,IACT,gBAAgB,CAAC,aAAa;AAAA,EAChC;AAAA,EACA,QAAQ;AAAA,EACR,eAAe;AAAA,IACb,cAAc,OAAO,SAAS;AAC5B,YAAM,aAAa,mBAAmB,IAA+B;AAErE,UAAI,CAAC,WAAW,IAAI;AAClB,oCAA4B,EAAE,IAAI,OAAO,QAAQ,WAAW,QAAQ,SAAS,WAAW,QAAQ,CAAC;AACjG,eAAO,EAAE,IAAI,OAAO,SAAS,WAAW,SAAS,aAAa,WAAW,YAAY;AAAA,MACvF;AAEA,kCAA4B,EAAE,IAAI,MAAM,QAAQ,CAAC,EAAE,CAAC;AACpD,aAAO,EAAE,IAAI,KAAK;AAAA,IACpB;AAAA,EACF;AACF;AAEA,IAAO,iBAAQ;",
+  "sourcesContent": ["import type { InjectionWidgetModule } from '@open-mercato/shared/modules/widgets/injection'\nimport ProductSeoWidget from './widget.client'\nimport { publishProductSeoValidation, getProductSeoTranslator } from './state'\nimport { evaluateProductSeo } from './validation'\n\nconst widget: InjectionWidgetModule<any, any> = {\n  metadata: {\n    id: 'catalog.injection.product-seo',\n    title: 'Product SEO Helper',\n    description: 'Helps optimize product metadata for search engines',\n    features: ['catalog.products.edit'],\n    priority: 90,\n    enabled: true,\n    requiredFields: ['description'],\n  },\n  Widget: ProductSeoWidget,\n  eventHandlers: {\n    onBeforeSave: async (data) => {\n      const evaluation = evaluateProductSeo(data as Record<string, unknown>, getProductSeoTranslator())\n\n      if (!evaluation.ok) {\n        publishProductSeoValidation({ ok: false, issues: evaluation.issues, message: evaluation.message })\n        return { ok: false, message: evaluation.message, fieldErrors: evaluation.fieldErrors }\n      }\n\n      publishProductSeoValidation({ ok: true, issues: [] })\n      return { ok: true }\n    },\n  },\n}\n\nexport default widget\n"],
+  "mappings": "AACA,OAAO,sBAAsB;AAC7B,SAAS,6BAA6B,+BAA+B;AACrE,SAAS,0BAA0B;AAEnC,MAAM,SAA0C;AAAA,EAC9C,UAAU;AAAA,IACR,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,UAAU,CAAC,uBAAuB;AAAA,IAClC,UAAU;AAAA,IACV,SAAS;AAAA,IACT,gBAAgB,CAAC,aAAa;AAAA,EAChC;AAAA,EACA,QAAQ;AAAA,EACR,eAAe;AAAA,IACb,cAAc,OAAO,SAAS;AAC5B,YAAM,aAAa,mBAAmB,MAAiC,wBAAwB,CAAC;AAEhG,UAAI,CAAC,WAAW,IAAI;AAClB,oCAA4B,EAAE,IAAI,OAAO,QAAQ,WAAW,QAAQ,SAAS,WAAW,QAAQ,CAAC;AACjG,eAAO,EAAE,IAAI,OAAO,SAAS,WAAW,SAAS,aAAa,WAAW,YAAY;AAAA,MACvF;AAEA,kCAA4B,EAAE,IAAI,MAAM,QAAQ,CAAC,EAAE,CAAC;AACpD,aAAO,EAAE,IAAI,KAAK;AAAA,IACpB;AAAA,EACF;AACF;AAEA,IAAO,iBAAQ;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-mercato/core",
-  "version": "0.6.6-develop.6403.1.b57089b6fe",
+  "version": "0.6.6-develop.6404.1.e2f8d5025a",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
@@ -248,16 +248,16 @@
     "zod": "^4.4.3"
   },
   "peerDependencies": {
-    "@open-mercato/ai-assistant": "0.6.6-develop.6403.1.b57089b6fe",
-    "@open-mercato/shared": "0.6.6-develop.6403.1.b57089b6fe",
-    "@open-mercato/ui": "0.6.6-develop.6403.1.b57089b6fe",
+    "@open-mercato/ai-assistant": "0.6.6-develop.6404.1.e2f8d5025a",
+    "@open-mercato/shared": "0.6.6-develop.6404.1.e2f8d5025a",
+    "@open-mercato/ui": "0.6.6-develop.6404.1.e2f8d5025a",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@open-mercato/ai-assistant": "0.6.6-develop.6403.1.b57089b6fe",
-    "@open-mercato/shared": "0.6.6-develop.6403.1.b57089b6fe",
-    "@open-mercato/ui": "0.6.6-develop.6403.1.b57089b6fe",
+    "@open-mercato/ai-assistant": "0.6.6-develop.6404.1.e2f8d5025a",
+    "@open-mercato/shared": "0.6.6-develop.6404.1.e2f8d5025a",
+    "@open-mercato/ui": "0.6.6-develop.6404.1.e2f8d5025a",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.1",

package/src/modules/catalog/i18n/de.json

@@ -346,6 +346,16 @@
   "catalog.products.create.seoWidget.titleLabel": "Titel ({{count}} Zeichen)",
   "catalog.products.create.seoWidget.tooLong": "Zu lang",
   "catalog.products.create.seoWidget.tooShort": "Zu kurz",
+  "catalog.products.create.seoWidget.validation.block.list": "SEO-Helfer: {{issues}}",
+  "catalog.products.create.seoWidget.validation.block.summary": "SEO-Helfer: {{count}} Probleme gefunden. {{issues}}",
+  "catalog.products.create.seoWidget.validation.fieldError.descriptionMissing": "Geben Sie eine Beschreibung an, damit Suchmaschinen dieses Produkt besser verstehen.",
+  "catalog.products.create.seoWidget.validation.fieldError.descriptionTooShort": "Die Beschreibung ist für gutes SEO zu kurz (mind. 50 Zeichen).",
+  "catalog.products.create.seoWidget.validation.fieldError.titleTooLong": "Der Titel ist für optimales SEO zu lang (max. 60 Zeichen).",
+  "catalog.products.create.seoWidget.validation.fieldError.titleTooShort": "Der Titel ist für gutes SEO zu kurz (mind. 10 Zeichen).",
+  "catalog.products.create.seoWidget.validation.issue.descriptionMissing": "Fügen Sie eine Produktbeschreibung für besseres SEO hinzu.",
+  "catalog.products.create.seoWidget.validation.issue.descriptionTooShort": "Die Beschreibung ist zu kurz (mind. 50 Zeichen).",
+  "catalog.products.create.seoWidget.validation.issue.titleTooLong": "Der Titel ist zu lang (max. 60 Zeichen empfohlen).",
+  "catalog.products.create.seoWidget.validation.issue.titleTooShort": "Der Titel ist zu kurz (mind. 10 Zeichen).",
   "catalog.products.create.skuHelp": "Eindeutige Produktkennung. Buchstaben, Zahlen, Bindestriche, Unterstriche, Punkte.",
   "catalog.products.create.steps.continue": "Weiter",
   "catalog.products.create.steps.general": "Allgemeine Daten",

package/src/modules/catalog/i18n/en.json

@@ -346,6 +346,16 @@
   "catalog.products.create.seoWidget.titleLabel": "Title ({{count}} chars)",
   "catalog.products.create.seoWidget.tooLong": "Too long",
   "catalog.products.create.seoWidget.tooShort": "Too short",
+  "catalog.products.create.seoWidget.validation.block.list": "SEO helper: {{issues}}",
+  "catalog.products.create.seoWidget.validation.block.summary": "SEO helper: {{count}} issues found. {{issues}}",
+  "catalog.products.create.seoWidget.validation.fieldError.descriptionMissing": "Provide a description to help search engines understand this product.",
+  "catalog.products.create.seoWidget.validation.fieldError.descriptionTooShort": "Description is too short for good SEO (min 50 characters).",
+  "catalog.products.create.seoWidget.validation.fieldError.titleTooLong": "Title is too long for optimal SEO (max 60 characters).",
+  "catalog.products.create.seoWidget.validation.fieldError.titleTooShort": "Title is too short for good SEO (min 10 characters).",
+  "catalog.products.create.seoWidget.validation.issue.descriptionMissing": "Add a product description for better SEO.",
+  "catalog.products.create.seoWidget.validation.issue.descriptionTooShort": "Description is too short (min 50 characters).",
+  "catalog.products.create.seoWidget.validation.issue.titleTooLong": "Title is too long (max 60 characters recommended).",
+  "catalog.products.create.seoWidget.validation.issue.titleTooShort": "Title is too short (min 10 characters).",
   "catalog.products.create.skuHelp": "Unique product identifier. Letters, numbers, hyphens, underscores, periods.",
   "catalog.products.create.steps.continue": "Continue",
   "catalog.products.create.steps.general": "General data",

package/src/modules/catalog/i18n/es.json

@@ -346,6 +346,16 @@
   "catalog.products.create.seoWidget.titleLabel": "Título ({{count}} caracteres)",
   "catalog.products.create.seoWidget.tooLong": "Muy largo",
   "catalog.products.create.seoWidget.tooShort": "Muy corto",
+  "catalog.products.create.seoWidget.validation.block.list": "Asistente SEO: {{issues}}",
+  "catalog.products.create.seoWidget.validation.block.summary": "Asistente SEO: {{count}} problemas encontrados. {{issues}}",
+  "catalog.products.create.seoWidget.validation.fieldError.descriptionMissing": "Proporciona una descripción para ayudar a los motores de búsqueda a entender este producto.",
+  "catalog.products.create.seoWidget.validation.fieldError.descriptionTooShort": "La descripción es demasiado corta para un buen SEO (mín. 50 caracteres).",
+  "catalog.products.create.seoWidget.validation.fieldError.titleTooLong": "El título es demasiado largo para un SEO óptimo (máx. 60 caracteres).",
+  "catalog.products.create.seoWidget.validation.fieldError.titleTooShort": "El título es demasiado corto para un buen SEO (mín. 10 caracteres).",
+  "catalog.products.create.seoWidget.validation.issue.descriptionMissing": "Añade una descripción de producto para mejorar el SEO.",
+  "catalog.products.create.seoWidget.validation.issue.descriptionTooShort": "La descripción es demasiado corta (mín. 50 caracteres).",
+  "catalog.products.create.seoWidget.validation.issue.titleTooLong": "El título es demasiado largo (máx. 60 caracteres recomendado).",
+  "catalog.products.create.seoWidget.validation.issue.titleTooShort": "El título es demasiado corto (mín. 10 caracteres).",
   "catalog.products.create.skuHelp": "Identificador único del producto. Letras, números, guiones, guiones bajos, puntos.",
   "catalog.products.create.steps.continue": "Continuar",
   "catalog.products.create.steps.general": "Datos generales",

package/src/modules/catalog/i18n/pl.json

@@ -346,6 +346,16 @@
   "catalog.products.create.seoWidget.titleLabel": "Tytuł ({{count}} znaków)",
   "catalog.products.create.seoWidget.tooLong": "Za długi",
   "catalog.products.create.seoWidget.tooShort": "Za krótki",
+  "catalog.products.create.seoWidget.validation.block.list": "Pomocnik SEO: {{issues}}",
+  "catalog.products.create.seoWidget.validation.block.summary": "Pomocnik SEO: znaleziono {{count}} problemów. {{issues}}",
+  "catalog.products.create.seoWidget.validation.fieldError.descriptionMissing": "Podaj opis, aby wyszukiwarki lepiej rozumiały ten produkt.",
+  "catalog.products.create.seoWidget.validation.fieldError.descriptionTooShort": "Opis jest za krótki dla dobrego SEO (min. 50 znaków).",
+  "catalog.products.create.seoWidget.validation.fieldError.titleTooLong": "Tytuł jest za długi dla optymalnego SEO (maks. 60 znaków).",
+  "catalog.products.create.seoWidget.validation.fieldError.titleTooShort": "Tytuł jest za krótki dla dobrego SEO (min. 10 znaków).",
+  "catalog.products.create.seoWidget.validation.issue.descriptionMissing": "Dodaj opis produktu dla lepszego SEO.",
+  "catalog.products.create.seoWidget.validation.issue.descriptionTooShort": "Opis jest za krótki (min. 50 znaków).",
+  "catalog.products.create.seoWidget.validation.issue.titleTooLong": "Tytuł jest za długi (zalecane maks. 60 znaków).",
+  "catalog.products.create.seoWidget.validation.issue.titleTooShort": "Tytuł jest za krótki (min. 10 znaków).",
   "catalog.products.create.skuHelp": "Unikalny identyfikator produktu. Litery, cyfry, myślniki, podkreślenia, kropki.",
   "catalog.products.create.steps.continue": "Dalej",
   "catalog.products.create.steps.general": "Dane ogólne",

package/src/modules/catalog/widgets/injection/product-seo/state.ts

@@ -1,9 +1,26 @@
+import type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'
+
 export type ProductSeoValidationPayload = {
   ok: boolean
   issues: string[]
   message?: string
 }
 
+// The `onBeforeSave` validation hook (widget.ts) is a plain side-effect handler
+// with no React context, so it cannot call `useT`. The widget component (which
+// does have `useT`) publishes its translator here on mount; the hook reads it to
+// localize the save-block message (#3299). Undefined until the widget mounts —
+// callers fall back to English via `evaluateProductSeo`'s default translator.
+let productSeoTranslator: TranslateFn | null = null
+
+export function setProductSeoTranslator(t: TranslateFn | null) {
+  productSeoTranslator = t
+}
+
+export function getProductSeoTranslator(): TranslateFn | undefined {
+  return productSeoTranslator ?? undefined
+}
+
 type Listener = (payload: ProductSeoValidationPayload) => void
 
 const listeners = new Set<Listener>()

package/src/modules/catalog/widgets/injection/product-seo/validation.ts

@@ -1,3 +1,5 @@
+import type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'
+
 export type ProductSeoEvaluation = {
   ok: boolean
   issues: string[]
@@ -5,42 +7,63 @@ export type ProductSeoEvaluation = {
   message?: string
 }
 
-const MESSAGE_PREFIX = 'SEO helper: '
+// English-fallback translator: keeps this pure module usable (and unit-testable)
+// when no real `t` is threaded in — every string still ships its English default,
+// interpolating `{{param}}` placeholders the same way the real translator does.
+const englishFallback: TranslateFn = (_key, fallbackOrParams, params) => {
+  const template = typeof fallbackOrParams === 'string' ? fallbackOrParams : ''
+  const resolvedParams = typeof fallbackOrParams === 'string' ? params : fallbackOrParams
+  if (!resolvedParams) return template
+  return template.replace(/\{\{(\w+)\}\}|\{(\w+)\}/g, (match, doubleKey, singleKey) => {
+    const key = doubleKey ?? singleKey
+    const value = resolvedParams[key]
+    return value === undefined ? match : String(value)
+  })
+}
+
+const K = 'catalog.products.create.seoWidget.validation'
 
-export function buildSeoBlockMessage(issues: string[]): string {
-  if (issues.length === 1) return `${MESSAGE_PREFIX}${issues[0]}`
-  if (issues.length <= 3) return `${MESSAGE_PREFIX}${issues.join(' ')}`
-  return `${MESSAGE_PREFIX}${issues.length} issues found. ${issues.slice(0, 2).join(' ')}`
+export function buildSeoBlockMessage(issues: string[], t: TranslateFn = englishFallback): string {
+  if (issues.length <= 3) {
+    return t(`${K}.block.list`, 'SEO helper: {{issues}}', { issues: issues.join(' ') })
+  }
+  return t(`${K}.block.summary`, 'SEO helper: {{count}} issues found. {{issues}}', {
+    count: issues.length,
+    issues: issues.slice(0, 2).join(' '),
+  })
 }
 
-export function evaluateProductSeo(data: Record<string, unknown> | null | undefined): ProductSeoEvaluation {
+export function evaluateProductSeo(
+  data: Record<string, unknown> | null | undefined,
+  t: TranslateFn = englishFallback,
+): ProductSeoEvaluation {
   const issues: string[] = []
   const fieldErrors: Record<string, string> = {}
 
   const title = (data?.title as unknown) || (data?.name as unknown)
   if (typeof title === 'string' && title.length > 0) {
     if (title.length < 10) {
-      issues.push('Title is too short (min 10 characters).')
-      fieldErrors.title = 'Title is too short for good SEO (min 10 characters).'
+      issues.push(t(`${K}.issue.titleTooShort`, 'Title is too short (min 10 characters).'))
+      fieldErrors.title = t(`${K}.fieldError.titleTooShort`, 'Title is too short for good SEO (min 10 characters).')
     } else if (title.length > 60) {
-      issues.push('Title is too long (max 60 characters recommended).')
-      fieldErrors.title = 'Title is too long for optimal SEO (max 60 characters).'
+      issues.push(t(`${K}.issue.titleTooLong`, 'Title is too long (max 60 characters recommended).'))
+      fieldErrors.title = t(`${K}.fieldError.titleTooLong`, 'Title is too long for optimal SEO (max 60 characters).')
     }
   }
 
   const description = data?.description
   if (typeof description === 'string') {
     if (description.trim().length === 0) {
-      issues.push('Add a product description for better SEO.')
-      fieldErrors.description = 'Provide a description to help search engines understand this product.'
+      issues.push(t(`${K}.issue.descriptionMissing`, 'Add a product description for better SEO.'))
+      fieldErrors.description = t(`${K}.fieldError.descriptionMissing`, 'Provide a description to help search engines understand this product.')
     } else if (description.length < 50) {
-      issues.push('Description is too short (min 50 characters).')
-      fieldErrors.description = 'Description is too short for good SEO (min 50 characters).'
+      issues.push(t(`${K}.issue.descriptionTooShort`, 'Description is too short (min 50 characters).'))
+      fieldErrors.description = t(`${K}.fieldError.descriptionTooShort`, 'Description is too short for good SEO (min 50 characters).')
     }
   }
 
   if (issues.length) {
-    return { ok: false, issues, fieldErrors, message: buildSeoBlockMessage(issues) }
+    return { ok: false, issues, fieldErrors, message: buildSeoBlockMessage(issues, t) }
   }
 
   return { ok: true, issues: [], fieldErrors: {} }

package/src/modules/catalog/widgets/injection/product-seo/widget.client.tsx

@@ -1,7 +1,7 @@
 "use client"
 import * as React from 'react'
 import type { InjectionWidgetComponentProps } from '@open-mercato/shared/modules/widgets/injection'
-import { subscribeProductSeoValidation } from './state'
+import { subscribeProductSeoValidation, setProductSeoTranslator } from './state'
 import { useT } from '@open-mercato/shared/lib/i18n/context'
 import { StatusBadge, type StatusBadgeVariant } from '@open-mercato/ui/primitives/status-badge'
 import { Alert } from '@open-mercato/ui/primitives/alert'
@@ -36,6 +36,12 @@ function computeIssueKeys(title: string, description: string): IssueKey[] {
 
 export default function ProductSeoWidget({ data }: InjectionWidgetComponentProps<unknown, SeoData>) {
   const t = useT()
+  // Expose the translator to the module's `onBeforeSave` hook (which has no React
+  // context) so the save-block message is localized (#3299).
+  React.useEffect(() => {
+    setProductSeoTranslator(t)
+    return () => setProductSeoTranslator(null)
+  }, [t])
   const title = (data?.title || data?.name || '') ?? ''
   const description = data?.description ?? ''
   const baselineIssueKeys = React.useMemo(() => computeIssueKeys(title, description), [title, description])

package/src/modules/catalog/widgets/injection/product-seo/widget.ts

@@ -1,6 +1,6 @@
 import type { InjectionWidgetModule } from '@open-mercato/shared/modules/widgets/injection'
 import ProductSeoWidget from './widget.client'
-import { publishProductSeoValidation } from './state'
+import { publishProductSeoValidation, getProductSeoTranslator } from './state'
 import { evaluateProductSeo } from './validation'
 
 const widget: InjectionWidgetModule<any, any> = {
@@ -16,7 +16,7 @@ const widget: InjectionWidgetModule<any, any> = {
   Widget: ProductSeoWidget,
   eventHandlers: {
     onBeforeSave: async (data) => {
-      const evaluation = evaluateProductSeo(data as Record<string, unknown>)
+      const evaluation = evaluateProductSeo(data as Record<string, unknown>, getProductSeoTranslator())
 
       if (!evaluation.ok) {
         publishProductSeoValidation({ ok: false, issues: evaluation.issues, message: evaluation.message })