@open-mercato/core 0.4.5-develop-4849712ccb → 0.4.5-develop-7f44fcf045

package/dist/modules/translations/lib/extract-record-id.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/translations/lib/extract-record-id.ts"],
-  "sourcesContent": ["export function extractRecordId(params: Record<string, string | string[]>): string | undefined {\n  if (params.id) return String(Array.isArray(params.id) ? params.id[0] : params.id)\n  for (const [, value] of Object.entries(params)) {\n    const segments = Array.isArray(value) ? value : [value]\n    for (const seg of segments) {\n      if (seg && /^[0-9a-f-]{20,}$/i.test(seg)) return seg\n    }\n  }\n  return undefined\n}\n"],
-  "mappings": "AAAO,SAAS,gBAAgB,QAA+D;AAC7F,MAAI,OAAO,GAAI,QAAO,OAAO,MAAM,QAAQ,OAAO,EAAE,IAAI,OAAO,GAAG,CAAC,IAAI,OAAO,EAAE;AAChF,aAAW,CAAC,EAAE,KAAK,KAAK,OAAO,QAAQ,MAAM,GAAG;AAC9C,UAAM,WAAW,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,KAAK;AACtD,eAAW,OAAO,UAAU;AAC1B,UAAI,OAAO,oBAAoB,KAAK,GAAG,EAAG,QAAO;AAAA,IACnD;AAAA,EACF;AACA,SAAO;AACT;",
+  "sourcesContent": ["const UUID_LIKE_PATTERN = /^[0-9a-f-]{20,}$/i\n\ntype Params = Record<string, string | string[]>\n\nfunction readParam(params: Params, key: string) {\n  const value = params[key]\n\n  if (!value) {\n    return undefined\n  }\n\n  if (Array.isArray(value)) {\n    return value.find((entry) => typeof entry === 'string' && entry.length > 0)\n  }\n\n  return value\n}\n\nexport function extractRecordId(params: Params) {\n  const directRecordId = readParam(params, 'recordId')\n  if (directRecordId) {\n    return directRecordId\n  }\n\n  const directId = readParam(params, 'id')\n  if (directId) {\n    return directId\n  }\n\n  const orderedIdCandidates = Object.entries(params)\n    .filter(\n      ([key]) =>\n        key !== 'recordId' && key !== 'id' && key.toLowerCase().endsWith('id'),\n    )\n    .reverse()\n\n  for (const [, value] of orderedIdCandidates) {\n    const segments = Array.isArray(value) ? value : [value]\n    for (const seg of segments) {\n      if (seg && UUID_LIKE_PATTERN.test(seg)) {\n        return seg\n      }\n    }\n  }\n\n  for (const [, value] of Object.entries(params)) {\n    const segments = Array.isArray(value) ? value : [value]\n    for (const seg of segments) {\n      if (seg && UUID_LIKE_PATTERN.test(seg)) return seg\n    }\n  }\n\n  return undefined\n}\n"],
+  "mappings": "AAAA,MAAM,oBAAoB;AAI1B,SAAS,UAAU,QAAgB,KAAa;AAC9C,QAAM,QAAQ,OAAO,GAAG;AAExB,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,WAAO,MAAM,KAAK,CAAC,UAAU,OAAO,UAAU,YAAY,MAAM,SAAS,CAAC;AAAA,EAC5E;AAEA,SAAO;AACT;AAEO,SAAS,gBAAgB,QAAgB;AAC9C,QAAM,iBAAiB,UAAU,QAAQ,UAAU;AACnD,MAAI,gBAAgB;AAClB,WAAO;AAAA,EACT;AAEA,QAAM,WAAW,UAAU,QAAQ,IAAI;AACvC,MAAI,UAAU;AACZ,WAAO;AAAA,EACT;AAEA,QAAM,sBAAsB,OAAO,QAAQ,MAAM,EAC9C;AAAA,IACC,CAAC,CAAC,GAAG,MACH,QAAQ,cAAc,QAAQ,QAAQ,IAAI,YAAY,EAAE,SAAS,IAAI;AAAA,EACzE,EACC,QAAQ;AAEX,aAAW,CAAC,EAAE,KAAK,KAAK,qBAAqB;AAC3C,UAAM,WAAW,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,KAAK;AACtD,eAAW,OAAO,UAAU;AAC1B,UAAI,OAAO,kBAAkB,KAAK,GAAG,GAAG;AACtC,eAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAEA,aAAW,CAAC,EAAE,KAAK,KAAK,OAAO,QAAQ,MAAM,GAAG;AAC9C,UAAM,WAAW,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,KAAK;AACtD,eAAW,OAAO,UAAU;AAC1B,UAAI,OAAO,kBAAkB,KAAK,GAAG,EAAG,QAAO;AAAA,IACjD;AAAA,EACF;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/modules/translations/lib/resolve-field-list.js

@@ -15,7 +15,9 @@ function resolveFieldList(entityType, explicitFields, customFieldDefs) {
   }
   const registered = getTranslatableFields(entityType);
   const fields = [];
+  let hasExplicitList = false;
   if (registered) {
+    hasExplicitList = true;
     for (const key of registered) {
       fields.push({
         key,
@@ -43,6 +45,7 @@ function resolveFieldList(entityType, explicitFields, customFieldDefs) {
       }
     }
   }
+  if (hasExplicitList) return fields;
   for (const def of customFieldDefs) {
     const key = typeof def.key === "string" ? def.key.trim() : "";
     if (!key) continue;

package/dist/modules/translations/lib/resolve-field-list.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/translations/lib/resolve-field-list.ts"],
-  "sourcesContent": ["import { getTranslatableFields } from '@open-mercato/shared/lib/localization/translatable-fields'\nimport { getEntityFields } from '#generated/entity-fields-registry'\nimport { isTranslatableField } from './translatable-fields'\nimport { formatFieldLabel } from './helpers'\n\nexport type ResolvedField = { key: string; label: string; multiline: boolean }\n\nfunction isMultiline(key: string): boolean {\n  return key === 'description' || key.includes('description') || key.includes('content')\n}\n\nexport function resolveFieldList(\n  entityType: string,\n  explicitFields: string[] | undefined,\n  customFieldDefs: Array<{ key: string; kind: string; label?: string }>,\n): ResolvedField[] {\n  if (explicitFields?.length) {\n    return explicitFields.map((key) => ({\n      key,\n      label: formatFieldLabel(key),\n      multiline: isMultiline(key),\n    }))\n  }\n\n  const registered = getTranslatableFields(entityType)\n  const fields: ResolvedField[] = []\n\n  if (registered) {\n    for (const key of registered) {\n      fields.push({\n        key,\n        label: formatFieldLabel(key),\n        multiline: isMultiline(key),\n      })\n    }\n  } else {\n    const parts = entityType.split(':')\n    const entitySlug = parts[1]\n    if (entitySlug) {\n      const mod = getEntityFields(entitySlug)\n      if (mod) {\n        for (const raw of Object.values(mod)) {\n          if (typeof raw !== 'string' || !raw.trim()) continue\n          const value = raw.trim()\n          if (isTranslatableField(value) && !fields.some((f) => f.key === value)) {\n            fields.push({\n              key: value,\n              label: formatFieldLabel(value),\n              multiline: isMultiline(value),\n            })\n          }\n        }\n      }\n    }\n  }\n\n  for (const def of customFieldDefs) {\n    const key = typeof def.key === 'string' ? def.key.trim() : ''\n    if (!key) continue\n    if (def.kind !== 'text' && def.kind !== 'multiline' && def.kind !== 'richtext') continue\n    if (fields.some((f) => f.key === key)) continue\n    const label = typeof def.label === 'string' && def.label.trim().length ? def.label : formatFieldLabel(key)\n    fields.push({ key, label, multiline: def.kind === 'multiline' || def.kind === 'richtext' })\n  }\n\n  return fields\n}\n"],
-  "mappings": "AAAA,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AAChC,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AAIjC,SAAS,YAAY,KAAsB;AACzC,SAAO,QAAQ,iBAAiB,IAAI,SAAS,aAAa,KAAK,IAAI,SAAS,SAAS;AACvF;AAEO,SAAS,iBACd,YACA,gBACA,iBACiB;AACjB,MAAI,gBAAgB,QAAQ;AAC1B,WAAO,eAAe,IAAI,CAAC,SAAS;AAAA,MAClC;AAAA,MACA,OAAO,iBAAiB,GAAG;AAAA,MAC3B,WAAW,YAAY,GAAG;AAAA,IAC5B,EAAE;AAAA,EACJ;AAEA,QAAM,aAAa,sBAAsB,UAAU;AACnD,QAAM,SAA0B,CAAC;AAEjC,MAAI,YAAY;AACd,eAAW,OAAO,YAAY;AAC5B,aAAO,KAAK;AAAA,QACV;AAAA,QACA,OAAO,iBAAiB,GAAG;AAAA,QAC3B,WAAW,YAAY,GAAG;AAAA,MAC5B,CAAC;AAAA,IACH;AAAA,EACF,OAAO;AACL,UAAM,QAAQ,WAAW,MAAM,GAAG;AAClC,UAAM,aAAa,MAAM,CAAC;AAC1B,QAAI,YAAY;AACd,YAAM,MAAM,gBAAgB,UAAU;AACtC,UAAI,KAAK;AACP,mBAAW,OAAO,OAAO,OAAO,GAAG,GAAG;AACpC,cAAI,OAAO,QAAQ,YAAY,CAAC,IAAI,KAAK,EAAG;AAC5C,gBAAM,QAAQ,IAAI,KAAK;AACvB,cAAI,oBAAoB,KAAK,KAAK,CAAC,OAAO,KAAK,CAAC,MAAM,EAAE,QAAQ,KAAK,GAAG;AACtE,mBAAO,KAAK;AAAA,cACV,KAAK;AAAA,cACL,OAAO,iBAAiB,KAAK;AAAA,cAC7B,WAAW,YAAY,KAAK;AAAA,YAC9B,CAAC;AAAA,UACH;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,aAAW,OAAO,iBAAiB;AACjC,UAAM,MAAM,OAAO,IAAI,QAAQ,WAAW,IAAI,IAAI,KAAK,IAAI;AAC3D,QAAI,CAAC,IAAK;AACV,QAAI,IAAI,SAAS,UAAU,IAAI,SAAS,eAAe,IAAI,SAAS,WAAY;AAChF,QAAI,OAAO,KAAK,CAAC,MAAM,EAAE,QAAQ,GAAG,EAAG;AACvC,UAAM,QAAQ,OAAO,IAAI,UAAU,YAAY,IAAI,MAAM,KAAK,EAAE,SAAS,IAAI,QAAQ,iBAAiB,GAAG;AACzG,WAAO,KAAK,EAAE,KAAK,OAAO,WAAW,IAAI,SAAS,eAAe,IAAI,SAAS,WAAW,CAAC;AAAA,EAC5F;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import { getTranslatableFields } from '@open-mercato/shared/lib/localization/translatable-fields'\nimport { getEntityFields } from '#generated/entity-fields-registry'\nimport { isTranslatableField } from './translatable-fields'\nimport { formatFieldLabel } from './helpers'\n\nexport type ResolvedField = { key: string; label: string; multiline: boolean }\n\nfunction isMultiline(key: string): boolean {\n  return key === 'description' || key.includes('description') || key.includes('content')\n}\n\nexport function resolveFieldList(\n  entityType: string,\n  explicitFields: string[] | undefined,\n  customFieldDefs: Array<{ key: string; kind: string; label?: string }>,\n): ResolvedField[] {\n  if (explicitFields?.length) {\n    return explicitFields.map((key) => ({\n      key,\n      label: formatFieldLabel(key),\n      multiline: isMultiline(key),\n    }))\n  }\n\n  const registered = getTranslatableFields(entityType)\n  const fields: ResolvedField[] = []\n  let hasExplicitList = false\n\n  if (registered) {\n    hasExplicitList = true\n    for (const key of registered) {\n      fields.push({\n        key,\n        label: formatFieldLabel(key),\n        multiline: isMultiline(key),\n      })\n    }\n  } else {\n    const parts = entityType.split(':')\n    const entitySlug = parts[1]\n    if (entitySlug) {\n      const mod = getEntityFields(entitySlug)\n      if (mod) {\n        for (const raw of Object.values(mod)) {\n          if (typeof raw !== 'string' || !raw.trim()) continue\n          const value = raw.trim()\n          if (isTranslatableField(value) && !fields.some((f) => f.key === value)) {\n            fields.push({\n              key: value,\n              label: formatFieldLabel(value),\n              multiline: isMultiline(value),\n            })\n          }\n        }\n      }\n    }\n  }\n\n  if (hasExplicitList) return fields\n\n  for (const def of customFieldDefs) {\n    const key = typeof def.key === 'string' ? def.key.trim() : ''\n    if (!key) continue\n    if (def.kind !== 'text' && def.kind !== 'multiline' && def.kind !== 'richtext') continue\n    if (fields.some((f) => f.key === key)) continue\n    const label = typeof def.label === 'string' && def.label.trim().length ? def.label : formatFieldLabel(key)\n    fields.push({ key, label, multiline: def.kind === 'multiline' || def.kind === 'richtext' })\n  }\n\n  return fields\n}\n"],
+  "mappings": "AAAA,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AAChC,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AAIjC,SAAS,YAAY,KAAsB;AACzC,SAAO,QAAQ,iBAAiB,IAAI,SAAS,aAAa,KAAK,IAAI,SAAS,SAAS;AACvF;AAEO,SAAS,iBACd,YACA,gBACA,iBACiB;AACjB,MAAI,gBAAgB,QAAQ;AAC1B,WAAO,eAAe,IAAI,CAAC,SAAS;AAAA,MAClC;AAAA,MACA,OAAO,iBAAiB,GAAG;AAAA,MAC3B,WAAW,YAAY,GAAG;AAAA,IAC5B,EAAE;AAAA,EACJ;AAEA,QAAM,aAAa,sBAAsB,UAAU;AACnD,QAAM,SAA0B,CAAC;AACjC,MAAI,kBAAkB;AAEtB,MAAI,YAAY;AACd,sBAAkB;AAClB,eAAW,OAAO,YAAY;AAC5B,aAAO,KAAK;AAAA,QACV;AAAA,QACA,OAAO,iBAAiB,GAAG;AAAA,QAC3B,WAAW,YAAY,GAAG;AAAA,MAC5B,CAAC;AAAA,IACH;AAAA,EACF,OAAO;AACL,UAAM,QAAQ,WAAW,MAAM,GAAG;AAClC,UAAM,aAAa,MAAM,CAAC;AAC1B,QAAI,YAAY;AACd,YAAM,MAAM,gBAAgB,UAAU;AACtC,UAAI,KAAK;AACP,mBAAW,OAAO,OAAO,OAAO,GAAG,GAAG;AACpC,cAAI,OAAO,QAAQ,YAAY,CAAC,IAAI,KAAK,EAAG;AAC5C,gBAAM,QAAQ,IAAI,KAAK;AACvB,cAAI,oBAAoB,KAAK,KAAK,CAAC,OAAO,KAAK,CAAC,MAAM,EAAE,QAAQ,KAAK,GAAG;AACtE,mBAAO,KAAK;AAAA,cACV,KAAK;AAAA,cACL,OAAO,iBAAiB,KAAK;AAAA,cAC7B,WAAW,YAAY,KAAK;AAAA,YAC9B,CAAC;AAAA,UACH;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,MAAI,gBAAiB,QAAO;AAE5B,aAAW,OAAO,iBAAiB;AACjC,UAAM,MAAM,OAAO,IAAI,QAAQ,WAAW,IAAI,IAAI,KAAK,IAAI;AAC3D,QAAI,CAAC,IAAK;AACV,QAAI,IAAI,SAAS,UAAU,IAAI,SAAS,eAAe,IAAI,SAAS,WAAY;AAChF,QAAI,OAAO,KAAK,CAAC,MAAM,EAAE,QAAQ,GAAG,EAAG;AACvC,UAAM,QAAQ,OAAO,IAAI,UAAU,YAAY,IAAI,MAAM,KAAK,EAAE,SAAS,IAAI,QAAQ,iBAAiB,GAAG;AACzG,WAAO,KAAK,EAAE,KAAK,OAAO,WAAW,IAAI,SAAS,eAAe,IAAI,SAAS,WAAW,CAAC;AAAA,EAC5F;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/modules/translations/widgets/injection/translation-manager/widget.client.js

@@ -1,10 +1,11 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import Link from "next/link";
 import { useParams } from "next/navigation";
-import { ExternalLink, Languages } from "lucide-react";
+import Link from "next/link";
+import { ExternalLink, Languages, X } from "lucide-react";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
 import { TranslationManager } from "../../../components/TranslationManager.js";
 import { extractRecordId } from "../../../lib/extract-record-id.js";
 function useTranslationAccess() {
@@ -27,50 +28,118 @@ function TranslationWidget({ context, data }) {
   const entityType = context?.entityId;
   const params = useParams();
   const t = useT();
+  const [open, setOpen] = React.useState(false);
   const hasAccess = useTranslationAccess();
-  const recordId = React.useMemo(() => {
-    if (data?.id) return String(data.id);
-    if (params) return extractRecordId(params);
-    return void 0;
-  }, [data?.id, params]);
-  if (!entityType || !recordId || !hasAccess) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+  const contextRecordId = typeof context?.recordId === "string" && context.recordId.trim().length > 0 ? context.recordId.trim() : void 0;
+  const dataRecordId = data?.id === void 0 || data.id === null ? void 0 : String(data.id);
+  const routeRecordId = params ? extractRecordId(params) : void 0;
+  const recordId = contextRecordId ?? dataRecordId ?? routeRecordId;
+  const canRender = Boolean(entityType && recordId && hasAccess);
+  React.useEffect(() => {
+    if (!open || !canRender) return;
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = prev;
+    };
+  }, [canRender, open]);
+  React.useEffect(() => {
+    if (!open || !canRender) return;
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape") {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [canRender, open]);
+  if (!canRender) return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
-      TranslationManager,
+      Button,
       {
-        mode: "embedded",
-        compact: true,
-        entityType,
-        recordId,
-        baseValues: data
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        onClick: () => setOpen(true),
+        "aria-label": t("translations.widgets.translationManager.fullManager", "Translation manager"),
+        title: t("translations.widgets.translationManager.fullManager", "Translation manager"),
+        children: /* @__PURE__ */ jsx(Languages, { className: "size-4" })
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-x-4 gap-y-1 border-t pt-3", children: [
-      /* @__PURE__ */ jsxs(
-        Link,
+    open ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "div",
         {
-          href: `/backend/entities/system/${entityType}`,
-          className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors",
-          children: [
-            /* @__PURE__ */ jsx(Languages, { className: "h-3 w-3" }),
-            t("translations.widgets.translationManager.customFieldLabels", "Custom fields translations"),
-            /* @__PURE__ */ jsx(ExternalLink, { className: "h-2.5 w-2.5" })
-          ]
+          className: "fixed inset-0 z-40 bg-black/20",
+          onClick: () => setOpen(false),
+          "aria-hidden": "true"
         }
       ),
-      /* @__PURE__ */ jsxs(
-        Link,
+      /* @__PURE__ */ jsx(
+        "div",
         {
-          href: "/backend/config/translations",
-          className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors",
-          children: [
-            /* @__PURE__ */ jsx(Languages, { className: "h-3 w-3" }),
-            t("translations.widgets.translationManager.fullManager", "Translation manager"),
-            /* @__PURE__ */ jsx(ExternalLink, { className: "h-2.5 w-2.5" })
-          ]
+          className: "fixed right-0 top-0 z-50 h-full w-full max-w-4xl border-l bg-background shadow-lg",
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": t("translations.widgets.translationManager.groupLabel", "Translations"),
+          children: /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3 border-b px-4 py-3", children: [
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx("h2", { className: "font-semibold", children: t("translations.widgets.translationManager.groupLabel", "Translations") }),
+                /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("translations.widgets.translationManager.groupDescription", "Manage translations for this record across supported locales.") })
+              ] }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  onClick: () => setOpen(false),
+                  "aria-label": t("ui.dialog.close.ariaLabel", "Close"),
+                  children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4", children: /* @__PURE__ */ jsx(
+              TranslationManager,
+              {
+                mode: "embedded",
+                compact: true,
+                entityType,
+                recordId,
+                baseValues: data
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-x-4 gap-y-1 border-t px-4 py-3", children: [
+              /* @__PURE__ */ jsxs(
+                Link,
+                {
+                  href: `/backend/entities/system/${encodeURIComponent(entityType)}`,
+                  className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors",
+                  children: [
+                    /* @__PURE__ */ jsx(Languages, { className: "size-3" }),
+                    t("translations.widgets.translationManager.customFieldLabels", "Custom fields translations"),
+                    /* @__PURE__ */ jsx(ExternalLink, { className: "size-2.5" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Link,
+                {
+                  href: "/backend/config/translations",
+                  className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors",
+                  children: [
+                    /* @__PURE__ */ jsx(Languages, { className: "size-3" }),
+                    t("translations.widgets.translationManager.fullManager", "Translation manager"),
+                    /* @__PURE__ */ jsx(ExternalLink, { className: "size-2.5" })
+                  ]
+                }
+              )
+            ] })
+          ] })
         }
       )
-    ] })
+    ] }) : null
   ] });
 }
 export {

package/dist/modules/translations/widgets/injection/translation-manager/widget.client.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/translations/widgets/injection/translation-manager/widget.client.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useParams } from 'next/navigation'\nimport { ExternalLink, Languages } from 'lucide-react'\nimport type { InjectionWidgetComponentProps } from '@open-mercato/shared/modules/widgets/injection'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { TranslationManager } from '../../../components/TranslationManager'\nimport { extractRecordId } from '../../../lib/extract-record-id'\n\ntype WidgetContext = { entityId?: string }\ntype WidgetData = Record<string, unknown> & { id?: string | number }\n\nfunction useTranslationAccess(): boolean {\n  const [hasAccess, setHasAccess] = React.useState(false)\n  React.useEffect(() => {\n    let mounted = true\n    // Use the original fetch to bypass the global apiFetch wrapper\n    // that redirects to login on 403. This lets us gracefully hide the widget\n    // when the user lacks translations.view instead of crashing the page.\n    const nativeFetch = ((window as any).__omOriginalFetch as typeof fetch) || fetch\n    nativeFetch('/api/translations/locales', { credentials: 'include' })\n      .then((res) => { if (mounted) setHasAccess(res.ok) })\n      .catch(() => { if (mounted) setHasAccess(false) })\n    return () => { mounted = false }\n  }, [])\n  return hasAccess\n}\n\nexport default function TranslationWidget({ context, data }: InjectionWidgetComponentProps<WidgetContext, WidgetData>) {\n  const entityType = context?.entityId\n  const params = useParams()\n  const t = useT()\n  const hasAccess = useTranslationAccess()\n\n  const recordId = React.useMemo(() => {\n    if (data?.id) return String(data.id)\n    if (params) return extractRecordId(params as Record<string, string | string[]>)\n    return undefined\n  }, [data?.id, params])\n\n  if (!entityType || !recordId || !hasAccess) return null\n\n  return (\n    <div className=\"space-y-3\">\n      <TranslationManager\n        mode=\"embedded\"\n        compact\n        entityType={entityType}\n        recordId={recordId}\n        baseValues={data}\n      />\n      <div className=\"flex flex-wrap gap-x-4 gap-y-1 border-t pt-3\">\n        <Link\n          href={`/backend/entities/system/${entityType}`}\n          className=\"inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors\"\n        >\n          <Languages className=\"h-3 w-3\" />\n          {t('translations.widgets.translationManager.customFieldLabels', 'Custom fields translations')}\n          <ExternalLink className=\"h-2.5 w-2.5\" />\n        </Link>\n        <Link\n          href=\"/backend/config/translations\"\n          className=\"inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors\"\n        >\n          <Languages className=\"h-3 w-3\" />\n          {t('translations.widgets.translationManager.fullManager', 'Translation manager')}\n          <ExternalLink className=\"h-2.5 w-2.5\" />\n        </Link>\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": ";AA8CM,cAQE,YARF;AA5CN,YAAY,WAAW;AACvB,OAAO,UAAU;AACjB,SAAS,iBAAiB;AAC1B,SAAS,cAAc,iBAAiB;AAExC,SAAS,YAAY;AACrB,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAKhC,SAAS,uBAAgC;AACvC,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,KAAK;AACtD,QAAM,UAAU,MAAM;AACpB,QAAI,UAAU;AAId,UAAM,cAAgB,OAAe,qBAAsC;AAC3E,gBAAY,6BAA6B,EAAE,aAAa,UAAU,CAAC,EAChE,KAAK,CAAC,QAAQ;AAAE,UAAI,QAAS,cAAa,IAAI,EAAE;AAAA,IAAE,CAAC,EACnD,MAAM,MAAM;AAAE,UAAI,QAAS,cAAa,KAAK;AAAA,IAAE,CAAC;AACnD,WAAO,MAAM;AAAE,gBAAU;AAAA,IAAM;AAAA,EACjC,GAAG,CAAC,CAAC;AACL,SAAO;AACT;AAEe,SAAR,kBAAmC,EAAE,SAAS,KAAK,GAA6D;AACrH,QAAM,aAAa,SAAS;AAC5B,QAAM,SAAS,UAAU;AACzB,QAAM,IAAI,KAAK;AACf,QAAM,YAAY,qBAAqB;AAEvC,QAAM,WAAW,MAAM,QAAQ,MAAM;AACnC,QAAI,MAAM,GAAI,QAAO,OAAO,KAAK,EAAE;AACnC,QAAI,OAAQ,QAAO,gBAAgB,MAA2C;AAC9E,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,IAAI,MAAM,CAAC;AAErB,MAAI,CAAC,cAAc,CAAC,YAAY,CAAC,UAAW,QAAO;AAEnD,SACE,qBAAC,SAAI,WAAU,aACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA,YAAY;AAAA;AAAA,IACd;AAAA,IACA,qBAAC,SAAI,WAAU,gDACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,4BAA4B,UAAU;AAAA,UAC5C,WAAU;AAAA,UAEV;AAAA,gCAAC,aAAU,WAAU,WAAU;AAAA,YAC9B,EAAE,6DAA6D,4BAA4B;AAAA,YAC5F,oBAAC,gBAAa,WAAU,eAAc;AAAA;AAAA;AAAA,MACxC;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UAEV;AAAA,gCAAC,aAAU,WAAU,WAAU;AAAA,YAC9B,EAAE,uDAAuD,qBAAqB;AAAA,YAC/E,oBAAC,gBAAa,WAAU,eAAc;AAAA;AAAA;AAAA,MACxC;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useParams } from 'next/navigation'\nimport Link from 'next/link'\nimport { ExternalLink, Languages, X } from 'lucide-react'\nimport type { InjectionWidgetComponentProps } from '@open-mercato/shared/modules/widgets/injection'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { TranslationManager } from '../../../components/TranslationManager'\nimport { extractRecordId } from '../../../lib/extract-record-id'\n\ntype WidgetContext = { entityId?: string; recordId?: string }\ntype WidgetData = Record<string, unknown> & { id?: string | number }\n\nfunction useTranslationAccess(): boolean {\n  const [hasAccess, setHasAccess] = React.useState(false)\n  React.useEffect(() => {\n    let mounted = true\n    // Use the original fetch to bypass the global apiFetch wrapper\n    // that redirects to login on 403. This lets us gracefully hide the widget\n    // when the user lacks translations.view instead of crashing the page.\n    const nativeFetch = ((window as any).__omOriginalFetch as typeof fetch) || fetch\n    nativeFetch('/api/translations/locales', { credentials: 'include' })\n      .then((res) => { if (mounted) setHasAccess(res.ok) })\n      .catch(() => { if (mounted) setHasAccess(false) })\n    return () => { mounted = false }\n  }, [])\n  return hasAccess\n}\n\nexport default function TranslationWidget({ context, data }: InjectionWidgetComponentProps<WidgetContext, WidgetData>) {\n  const entityType = context?.entityId\n  const params = useParams()\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n  const hasAccess = useTranslationAccess()\n\n  const contextRecordId = typeof context?.recordId === 'string' && context.recordId.trim().length > 0\n    ? context.recordId.trim()\n    : undefined\n  const dataRecordId = data?.id === undefined || data.id === null ? undefined : String(data.id)\n  const routeRecordId = params ? extractRecordId(params as Record<string, string | string[]>) : undefined\n  const recordId = contextRecordId ?? dataRecordId ?? routeRecordId\n  const canRender = Boolean(entityType && recordId && hasAccess)\n\n  React.useEffect(() => {\n    if (!open || !canRender) return\n    const prev = document.body.style.overflow\n    document.body.style.overflow = 'hidden'\n    return () => {\n      document.body.style.overflow = prev\n    }\n  }, [canRender, open])\n\n  React.useEffect(() => {\n    if (!open || !canRender) return\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        setOpen(false)\n      }\n    }\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [canRender, open])\n\n  if (!canRender) return null\n\n  return (\n    <>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon\"\n        onClick={() => setOpen(true)}\n        aria-label={t('translations.widgets.translationManager.fullManager', 'Translation manager')}\n        title={t('translations.widgets.translationManager.fullManager', 'Translation manager')}\n      >\n        <Languages className=\"size-4\" />\n      </Button>\n      {open ? (\n        <>\n          <div\n            className=\"fixed inset-0 z-40 bg-black/20\"\n            onClick={() => setOpen(false)}\n            aria-hidden=\"true\"\n          />\n          <div\n            className=\"fixed right-0 top-0 z-50 h-full w-full max-w-4xl border-l bg-background shadow-lg\"\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-label={t('translations.widgets.translationManager.groupLabel', 'Translations')}\n          >\n            <div className=\"flex h-full flex-col\">\n              <div className=\"flex items-start justify-between gap-3 border-b px-4 py-3\">\n                <div className=\"space-y-1\">\n                  <h2 className=\"font-semibold\">\n                    {t('translations.widgets.translationManager.groupLabel', 'Translations')}\n                  </h2>\n                  <p className=\"text-sm text-muted-foreground\">\n                    {t('translations.widgets.translationManager.groupDescription', 'Manage translations for this record across supported locales.')}\n                  </p>\n                </div>\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  onClick={() => setOpen(false)}\n                  aria-label={t('ui.dialog.close.ariaLabel', 'Close')}\n                >\n                  <X className=\"size-4\" />\n                </Button>\n              </div>\n              <div className=\"flex-1 overflow-y-auto px-4 py-4\">\n                <TranslationManager\n                  mode=\"embedded\"\n                  compact\n                  entityType={entityType}\n                  recordId={recordId}\n                  baseValues={data}\n                />\n              </div>\n              <div className=\"flex flex-wrap gap-x-4 gap-y-1 border-t px-4 py-3\">\n                <Link\n                  href={`/backend/entities/system/${encodeURIComponent(entityType!)}`}\n                  className=\"inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors\"\n                >\n                  <Languages className=\"size-3\" />\n                  {t('translations.widgets.translationManager.customFieldLabels', 'Custom fields translations')}\n                  <ExternalLink className=\"size-2.5\" />\n                </Link>\n                <Link\n                  href=\"/backend/config/translations\"\n                  className=\"inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors\"\n                >\n                  <Languages className=\"size-3\" />\n                  {t('translations.widgets.translationManager.fullManager', 'Translation manager')}\n                  <ExternalLink className=\"size-2.5\" />\n                </Link>\n              </div>\n            </div>\n          </div>\n        </>\n      ) : null}\n    </>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/translations/widgets/injection-table.js

@@ -1,39 +1,28 @@
-import { translatableFields as catalogFields } from "../../catalog/translations.js";
-import { translatableFields as dictionaryFields } from "../../dictionaries/translations.js";
-import { translatableFields as entitiesFields } from "../../entities/translations.js";
-import { translatableFields as resourcesFields } from "../../resources/translations.js";
+import { getTranslatableFieldsRegistry } from "@open-mercato/shared/lib/localization/translatable-fields";
 const WIDGET_ID = "translations.injection.translation-manager";
-const allFields = {
-  ...catalogFields,
-  ...dictionaryFields,
-  ...entitiesFields,
-  ...resourcesFields
-};
-const ENTRY_TEMPLATE = {
-  widgetId: WIDGET_ID,
-  kind: "group",
-  column: 2,
-  groupLabel: "translations.widgets.translationManager.groupLabel",
-  groupDescription: "translations.widgets.translationManager.groupDescription",
-  priority: 40
-};
-const table = {};
-for (const entityType of Object.keys(allFields)) {
+function addEntitySpots(table, entityType) {
   const [module, entitySlug] = entityType.split(":");
-  if (!module || !entitySlug) continue;
-  const fullSpot = `crud-form:${module}.${entitySlug}`;
-  table[fullSpot] = [{ ...ENTRY_TEMPLATE }];
+  if (!module || !entitySlug) return;
+  const fullSpot = `crud-form:${module}.${entitySlug}:header`;
+  table[fullSpot] = WIDGET_ID;
   const prefix = `${module}_`;
-  if (entitySlug.startsWith(prefix)) {
-    const shortSpot = `crud-form:${module}.${entitySlug.slice(prefix.length)}`;
-    if (shortSpot !== fullSpot) {
-      table[shortSpot] = [{ ...ENTRY_TEMPLATE }];
-    }
+  if (!entitySlug.startsWith(prefix)) return;
+  const shortSpot = `crud-form:${module}.${entitySlug.slice(prefix.length)}:header`;
+  if (shortSpot !== fullSpot) {
+    table[shortSpot] = WIDGET_ID;
+  }
+}
+function buildInjectionTable(allFields = getTranslatableFieldsRegistry()) {
+  const table = {};
+  for (const entityType of Object.keys(allFields)) {
+    addEntitySpots(table, entityType);
   }
+  return table;
 }
-const injectionTable = table;
+const injectionTable = buildInjectionTable();
 var injection_table_default = injectionTable;
 export {
+  buildInjectionTable,
   injection_table_default as default,
   injectionTable
 };

package/dist/modules/translations/widgets/injection-table.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/translations/widgets/injection-table.ts"],
-  "sourcesContent": ["import type { ModuleInjectionTable } from '@open-mercato/shared/modules/widgets/injection'\nimport { translatableFields as catalogFields } from '../../catalog/translations'\nimport { translatableFields as dictionaryFields } from '../../dictionaries/translations'\nimport { translatableFields as entitiesFields } from '../../entities/translations'\nimport { translatableFields as resourcesFields } from '../../resources/translations'\n\nconst WIDGET_ID = 'translations.injection.translation-manager'\n\nconst allFields: Record<string, string[]> = {\n  ...catalogFields,\n  ...dictionaryFields,\n  ...entitiesFields,\n  ...resourcesFields,\n}\n\nconst ENTRY_TEMPLATE = {\n  widgetId: WIDGET_ID,\n  kind: 'group' as const,\n  column: 2 as const,\n  groupLabel: 'translations.widgets.translationManager.groupLabel',\n  groupDescription: 'translations.widgets.translationManager.groupDescription',\n  priority: 40,\n}\n\nconst table: ModuleInjectionTable = {}\nfor (const entityType of Object.keys(allFields)) {\n  const [module, entitySlug] = entityType.split(':')\n  if (!module || !entitySlug) continue\n\n  // Full form: crud-form:catalog.catalog_product (auto-generated by CrudForm from entityId)\n  const fullSpot = `crud-form:${module}.${entitySlug}`\n  table[fullSpot] = [{ ...ENTRY_TEMPLATE }]\n\n  // Short form: crud-form:catalog.product (hardcoded in some pages)\n  const prefix = `${module}_`\n  if (entitySlug.startsWith(prefix)) {\n    const shortSpot = `crud-form:${module}.${entitySlug.slice(prefix.length)}`\n    if (shortSpot !== fullSpot) {\n      table[shortSpot] = [{ ...ENTRY_TEMPLATE }]\n    }\n  }\n}\n\nexport const injectionTable: ModuleInjectionTable = table\nexport default injectionTable\n"],
-  "mappings": "AACA,SAAS,sBAAsB,qBAAqB;AACpD,SAAS,sBAAsB,wBAAwB;AACvD,SAAS,sBAAsB,sBAAsB;AACrD,SAAS,sBAAsB,uBAAuB;AAEtD,MAAM,YAAY;AAElB,MAAM,YAAsC;AAAA,EAC1C,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,iBAAiB;AAAA,EACrB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,UAAU;AACZ;AAEA,MAAM,QAA8B,CAAC;AACrC,WAAW,cAAc,OAAO,KAAK,SAAS,GAAG;AAC/C,QAAM,CAAC,QAAQ,UAAU,IAAI,WAAW,MAAM,GAAG;AACjD,MAAI,CAAC,UAAU,CAAC,WAAY;AAG5B,QAAM,WAAW,aAAa,MAAM,IAAI,UAAU;AAClD,QAAM,QAAQ,IAAI,CAAC,EAAE,GAAG,eAAe,CAAC;AAGxC,QAAM,SAAS,GAAG,MAAM;AACxB,MAAI,WAAW,WAAW,MAAM,GAAG;AACjC,UAAM,YAAY,aAAa,MAAM,IAAI,WAAW,MAAM,OAAO,MAAM,CAAC;AACxE,QAAI,cAAc,UAAU;AAC1B,YAAM,SAAS,IAAI,CAAC,EAAE,GAAG,eAAe,CAAC;AAAA,IAC3C;AAAA,EACF;AACF;AAEO,MAAM,iBAAuC;AACpD,IAAO,0BAAQ;",
+  "sourcesContent": ["import type { ModuleInjectionTable } from '@open-mercato/shared/modules/widgets/injection'\nimport { getTranslatableFieldsRegistry } from '@open-mercato/shared/lib/localization/translatable-fields'\n\nconst WIDGET_ID = 'translations.injection.translation-manager'\n\nfunction addEntitySpots(table: ModuleInjectionTable, entityType: string): void {\n  const [module, entitySlug] = entityType.split(':')\n  if (!module || !entitySlug) return\n\n  const fullSpot = `crud-form:${module}.${entitySlug}:header`\n  table[fullSpot] = WIDGET_ID\n\n  const prefix = `${module}_`\n  if (!entitySlug.startsWith(prefix)) return\n\n  const shortSpot = `crud-form:${module}.${entitySlug.slice(prefix.length)}:header`\n  if (shortSpot !== fullSpot) {\n    table[shortSpot] = WIDGET_ID\n  }\n}\n\nexport function buildInjectionTable(allFields: Record<string, string[]> = getTranslatableFieldsRegistry()): ModuleInjectionTable {\n  const table: ModuleInjectionTable = {}\n  for (const entityType of Object.keys(allFields)) {\n    addEntitySpots(table, entityType)\n  }\n  return table\n}\n\nexport const injectionTable: ModuleInjectionTable = buildInjectionTable()\nexport default injectionTable\n"],
+  "mappings": "AACA,SAAS,qCAAqC;AAE9C,MAAM,YAAY;AAElB,SAAS,eAAe,OAA6B,YAA0B;AAC7E,QAAM,CAAC,QAAQ,UAAU,IAAI,WAAW,MAAM,GAAG;AACjD,MAAI,CAAC,UAAU,CAAC,WAAY;AAE5B,QAAM,WAAW,aAAa,MAAM,IAAI,UAAU;AAClD,QAAM,QAAQ,IAAI;AAElB,QAAM,SAAS,GAAG,MAAM;AACxB,MAAI,CAAC,WAAW,WAAW,MAAM,EAAG;AAEpC,QAAM,YAAY,aAAa,MAAM,IAAI,WAAW,MAAM,OAAO,MAAM,CAAC;AACxE,MAAI,cAAc,UAAU;AAC1B,UAAM,SAAS,IAAI;AAAA,EACrB;AACF;AAEO,SAAS,oBAAoB,YAAsC,8BAA8B,GAAyB;AAC/H,QAAM,QAA8B,CAAC;AACrC,aAAW,cAAc,OAAO,KAAK,SAAS,GAAG;AAC/C,mBAAe,OAAO,UAAU;AAAA,EAClC;AACA,SAAO;AACT;AAEO,MAAM,iBAAuC,oBAAoB;AACxE,IAAO,0BAAQ;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-mercato/core",
-  "version": "0.4.5-develop-4849712ccb",
+  "version": "0.4.5-develop-7f44fcf045",
   "type": "module",
   "main": "./dist/index.js",
   "scripts": {
@@ -207,7 +207,7 @@
     }
   },
   "dependencies": {
-    "@open-mercato/shared": "0.4.5-develop-4849712ccb",
+    "@open-mercato/shared": "0.4.5-develop-7f44fcf045",
     "@types/semver": "^7.5.8",
     "@xyflow/react": "^12.6.0",
     "ai": "^6.0.0",

package/src/modules/auth/api/admin/nav.ts

@@ -156,13 +156,19 @@ export async function GET(req: Request) {
       href: `/backend/entities/user/${encodeURIComponent(e.entityId)}/records`
     }))
     if (items.length) {
-      const dd = roots.find((it: Entry) => it.groupKey === 'entities.nav.group' && it.titleKey === 'entities.nav.userEntities')
-      if (dd) {
-        const existing = dd.children || []
+      const userEntitiesLegacyGroupKeys = new Set(['settings.sections.dataDesigner', 'entities.nav.group'])
+      const userEntitiesAnchor = entries.find((entry: Entry) => entry.href === '/backend/entities/user')
+        ?? entries.find((entry: Entry) =>
+          entry.titleKey === 'entities.nav.userEntities' &&
+          typeof entry.groupKey === 'string' &&
+          userEntitiesLegacyGroupKeys.has(entry.groupKey),
+        )
+      if (userEntitiesAnchor) {
+        const existing = userEntitiesAnchor.children || []
         const dynamic = items.map((it) => ({
-          groupId: dd.groupId,
-          groupName: dd.groupName,
-          groupKey: dd.groupKey,
+          groupId: userEntitiesAnchor.groupId,
+          groupName: userEntitiesAnchor.groupName,
+          groupKey: userEntitiesAnchor.groupKey,
           title: it.label,
           href: it.href,
           enabled: true,
@@ -172,7 +178,7 @@ export async function GET(req: Request) {
         const byHref = new Map<string, Entry>()
         for (const c of existing) if (!byHref.has(c.href)) byHref.set(c.href, c)
         for (const c of dynamic) if (!byHref.has(c.href)) byHref.set(c.href, c)
-        dd.children = Array.from(byHref.values())
+        userEntitiesAnchor.children = Array.from(byHref.values())
       }
     }
   } catch (e) {

package/src/modules/staff/backend/staff/team-members/[id]/page.tsx

@@ -30,6 +30,7 @@ import {
 import { JobHistorySection } from '@open-mercato/core/modules/staff/components/detail/JobHistorySection'
 import type { DictionarySelectLabels } from '@open-mercato/core/modules/dictionaries/components/DictionaryEntrySelect'
 import { Plus } from 'lucide-react'
+import { TranslationDrawerAction } from '@open-mercato/core/modules/translations/components/TranslationDrawerAction'
 
 const MARKDOWN_CLASSNAME =
   'text-sm text-muted-foreground break-words [&>*]:mb-2 [&>*:last-child]:mb-0 [&_ul]:ml-4 [&_ul]:list-disc [&_ol]:ml-4 [&_ol]:list-decimal [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_pre]:rounded-md [&_pre]:bg-muted [&_pre]:p-3 [&_pre]:text-xs'
@@ -324,6 +325,13 @@ export default function StaffTeamMemberDetailPage({ params }: { params?: { id?:
                 </p>
               </div>
             </div>
+            <TranslationDrawerAction
+              config={memberId ? {
+                entityType: 'staff:staff_team_member',
+                recordId: memberId,
+                baseValues: memberRecord ?? undefined,
+              } : null}
+            />
           </div>
 
           <div className="border-b">

package/src/modules/staff/translations.ts

@@ -0,0 +1,5 @@
+export const translatableFields: Record<string, string[]> = {
+  'staff:staff_team_member': ['display_name', 'description'],
+}
+
+export default translatableFields

package/src/modules/translations/components/TranslationDrawerAction.tsx

@@ -0,0 +1,107 @@
+"use client"
+
+import * as React from 'react'
+import { Languages, X } from 'lucide-react'
+import { Button } from '@open-mercato/ui/primitives/button'
+import { useT } from '@open-mercato/shared/lib/i18n/context'
+import { TranslationManager } from './TranslationManager'
+
+export type TranslationDrawerActionConfig = {
+  entityType: string
+  recordId: string
+  baseValues?: Record<string, unknown>
+}
+
+export type TranslationDrawerActionProps = {
+  config: TranslationDrawerActionConfig | null
+}
+
+export function TranslationDrawerAction({ config }: TranslationDrawerActionProps) {
+  const t = useT()
+  const [open, setOpen] = React.useState(false)
+
+  const canRender = Boolean(
+    config?.entityType && config?.recordId && String(config.recordId).trim().length > 0,
+  )
+
+  React.useEffect(() => {
+    if (!open || !canRender) return
+    const prev = document.body.style.overflow
+    document.body.style.overflow = 'hidden'
+    return () => {
+      document.body.style.overflow = prev
+    }
+  }, [canRender, open])
+
+  React.useEffect(() => {
+    if (!open || !canRender) return
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (event.key === 'Escape') {
+        setOpen(false)
+      }
+    }
+    document.addEventListener('keydown', handleKeyDown)
+    return () => document.removeEventListener('keydown', handleKeyDown)
+  }, [canRender, open])
+
+  if (!canRender) return null
+
+  return (
+    <>
+      <Button
+        type="button"
+        variant="ghost"
+        size="icon"
+        onClick={() => setOpen(true)}
+        aria-label={t('translations.widgets.translationManager.fullManager', 'Translation manager')}
+        title={t('translations.widgets.translationManager.fullManager', 'Translation manager')}
+      >
+        <Languages className="size-4" />
+      </Button>
+      {open ? (
+        <>
+          <div
+            className="fixed inset-0 z-40 bg-black/20"
+            onClick={() => setOpen(false)}
+            aria-hidden="true"
+          />
+          <div
+            className="fixed right-0 top-0 z-50 h-full w-full max-w-4xl border-l bg-background shadow-lg"
+            role="dialog"
+            aria-modal="true"
+            aria-label={t('translations.widgets.translationManager.groupLabel', 'Translations')}
+          >
+            <div className="flex h-full flex-col">
+              <div className="flex items-start justify-between gap-3 border-b px-4 py-3">
+                <div className="space-y-1">
+                  <h2 className="font-semibold">
+                    {t('translations.widgets.translationManager.groupLabel', 'Translations')}
+                  </h2>
+                  <p className="text-sm text-muted-foreground">
+                    {t('translations.widgets.translationManager.groupDescription', 'Manage translations for this record across supported locales.')}
+                  </p>
+                </div>
+                <Button
+                  variant="ghost"
+                  size="icon"
+                  onClick={() => setOpen(false)}
+                  aria-label={t('ui.dialog.close.ariaLabel', 'Close')}
+                >
+                  <X className="size-4" />
+                </Button>
+              </div>
+              <div className="flex-1 overflow-y-auto px-4 py-4">
+                <TranslationManager
+                  mode="embedded"
+                  entityType={config!.entityType}
+                  recordId={config!.recordId}
+                  baseValues={config!.baseValues}
+                />
+              </div>
+            </div>
+          </div>
+        </>
+      ) : null}
+    </>
+  )
+}

package/src/modules/translations/lib/extract-record-id.ts

@@ -1,10 +1,54 @@
-export function extractRecordId(params: Record<string, string | string[]>): string | undefined {
-  if (params.id) return String(Array.isArray(params.id) ? params.id[0] : params.id)
+const UUID_LIKE_PATTERN = /^[0-9a-f-]{20,}$/i
+
+type Params = Record<string, string | string[]>
+
+function readParam(params: Params, key: string) {
+  const value = params[key]
+
+  if (!value) {
+    return undefined
+  }
+
+  if (Array.isArray(value)) {
+    return value.find((entry) => typeof entry === 'string' && entry.length > 0)
+  }
+
+  return value
+}
+
+export function extractRecordId(params: Params) {
+  const directRecordId = readParam(params, 'recordId')
+  if (directRecordId) {
+    return directRecordId
+  }
+
+  const directId = readParam(params, 'id')
+  if (directId) {
+    return directId
+  }
+
+  const orderedIdCandidates = Object.entries(params)
+    .filter(
+      ([key]) =>
+        key !== 'recordId' && key !== 'id' && key.toLowerCase().endsWith('id'),
+    )
+    .reverse()
+
+  for (const [, value] of orderedIdCandidates) {
+    const segments = Array.isArray(value) ? value : [value]
+    for (const seg of segments) {
+      if (seg && UUID_LIKE_PATTERN.test(seg)) {
+        return seg
+      }
+    }
+  }
+
   for (const [, value] of Object.entries(params)) {
     const segments = Array.isArray(value) ? value : [value]
     for (const seg of segments) {
-      if (seg && /^[0-9a-f-]{20,}$/i.test(seg)) return seg
+      if (seg && UUID_LIKE_PATTERN.test(seg)) return seg
     }
   }
+
   return undefined
 }

package/src/modules/translations/lib/resolve-field-list.ts

@@ -24,8 +24,10 @@ export function resolveFieldList(
 
   const registered = getTranslatableFields(entityType)
   const fields: ResolvedField[] = []
+  let hasExplicitList = false
 
   if (registered) {
+    hasExplicitList = true
     for (const key of registered) {
       fields.push({
         key,
@@ -54,6 +56,8 @@ export function resolveFieldList(
     }
   }
 
+  if (hasExplicitList) return fields
+
   for (const def of customFieldDefs) {
     const key = typeof def.key === 'string' ? def.key.trim() : ''
     if (!key) continue