@open-mercato/ui 0.6.6-develop.6516.1.86a8538145 → 0.6.6-develop.6520.1.55df6df792

package/dist/backend/custom-fields/FieldDefinitionsEditor.js

@@ -15,6 +15,7 @@ import {
   SelectValue
 } from "../../primitives/select.js";
 import { CUSTOM_FIELD_KINDS } from "@open-mercato/shared/modules/entities/kinds";
+import { useOptionalT } from "@open-mercato/shared/lib/i18n/context";
 import { FieldRegistry } from "../fields/registry.js";
 import { slugify } from "@open-mercato/shared/lib/slugify";
 import { useConfirmDialog } from "../confirm-dialog/index.js";
@@ -29,10 +30,6 @@ import {
 import {
   normalizeCustomFieldOptions
 } from "@open-mercato/shared/modules/entities/options";
-const DEFAULT_KIND_OPTIONS = CUSTOM_FIELD_KINDS.map((k) => ({
-  value: k,
-  label: k.charAt(0).toUpperCase() + k.slice(1)
-}));
 const DEFAULT_VALUE_NONE = "__open_mercato_no_default__";
 function getDefaultValueNoneOptionValue(options) {
   const optionValues = new Set(options.map((option) => String(option.value)));
@@ -110,10 +107,10 @@ function FieldDefinitionsEditor({
   definitions,
   errors,
   deletedKeys,
-  kindOptions = DEFAULT_KIND_OPTIONS,
+  kindOptions,
   orderNotice,
-  infoNote = /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mt-2", children: "Supported kinds: text, multiline, integer, float, boolean, select (with options/optionsUrl), currency (fixed currencies list), relation (with related entity and options URL)." }),
-  addButtonLabel = "Add Field",
+  infoNote,
+  addButtonLabel,
   fieldsets = [],
   activeFieldset = null,
   onActiveFieldsetChange,
@@ -135,7 +132,27 @@ function FieldDefinitionsEditor({
   const { confirm, ConfirmDialogElement } = useConfirmDialog();
   const dragIndex = React.useRef(null);
   const hasFieldsets = fieldsets.length > 0;
-  const t = React.useCallback((key, fallback) => translate ? translate(key, fallback) : fallback, [translate]);
+  const contextT = useOptionalT();
+  const t = React.useCallback(
+    (key, fallback) => {
+      if (translate) return translate(key, fallback);
+      if (contextT) return contextT(key, fallback);
+      return fallback;
+    },
+    [translate, contextT]
+  );
+  const resolvedKindOptions = React.useMemo(
+    () => kindOptions ?? CUSTOM_FIELD_KINDS.map((kind) => ({
+      value: kind,
+      label: t(`entities.customFields.editor.kindOption.${kind}`, kind.charAt(0).toUpperCase() + kind.slice(1))
+    })),
+    [kindOptions, t]
+  );
+  const resolvedInfoNote = infoNote !== void 0 ? infoNote : /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mt-2", children: t(
+    "entities.customFields.editor.supportedKindsNote",
+    "Supported kinds: text, multiline, integer, float, boolean, select (with options/optionsUrl), currency (fixed currencies list), relation (with related entity and options URL)."
+  ) });
+  const resolvedAddButtonLabel = addButtonLabel ?? t("entities.customFields.editor.addField", "Add Field");
   const resolvedActiveFieldset = React.useMemo(() => {
     if (!hasFieldsets) return activeFieldset ?? null;
     if (activeFieldset === null) return null;
@@ -174,7 +191,7 @@ function FieldDefinitionsEditor({
   const handleAddFieldset = () => {
     if (!onFieldsetsChange) return;
     const code = ensureUniqueFieldsetCode(`fieldset_${fieldsets.length + 1}`, fieldsets);
-    const nextFieldsets = [...fieldsets, { code, label: "New fieldset", icon: "layers" }];
+    const nextFieldsets = [...fieldsets, { code, label: t("entities.customFields.editor.newFieldsetLabel", "New fieldset"), icon: "layers" }];
     onFieldsetsChange(nextFieldsets);
     onActiveFieldsetChange?.(code);
   };
@@ -182,8 +199,8 @@ function FieldDefinitionsEditor({
     if (!onFieldsetsChange) return;
     if (!resolvedActiveFieldset) return;
     const confirmed = await confirm({
-      title: `Delete fieldset "${resolvedActiveFieldset}"?`,
-      text: "This will move its fields to Unassigned.",
+      title: t("entities.customFields.editor.deleteFieldsetTitle", 'Delete fieldset "{code}"?').replace("{code}", resolvedActiveFieldset),
+      text: t("entities.customFields.editor.deleteFieldsetText", "This will move its fields to Unassigned."),
       variant: "destructive"
     });
     if (!confirmed) return;
@@ -242,14 +259,14 @@ function FieldDefinitionsEditor({
       children: [
         hasFieldsets ? /* @__PURE__ */ jsxs("div", { className: "rounded border bg-card p-3 space-y-3", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-            /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: "Fieldset" }),
+            /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("entities.customFields.fieldsetSelectorLabel", "Fieldset") }),
             /* @__PURE__ */ jsxs(
               Select,
               {
                 value: resolvedActiveFieldset || void 0,
                 onValueChange: (value) => handleActiveFieldsetChange(value ?? ""),
                 children: [
-                  /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", className: "w-auto min-w-[10rem]", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Unassigned fields" }) }),
+                  /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", className: "w-auto min-w-[10rem]", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("entities.customFields.editor.unassignedFields", "Unassigned fields") }) }),
                   /* @__PURE__ */ jsx(SelectContent, { children: fieldsets.map((fs) => /* @__PURE__ */ jsx(SelectItem, { value: fs.code, children: fs.label || fs.code }, fs.code)) })
                 ]
               }
@@ -263,7 +280,8 @@ function FieldDefinitionsEditor({
                 className: "text-xs",
                 children: [
                   /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" }),
-                  " Add"
+                  " ",
+                  t("entities.customFields.editor.add", "Add")
                 ]
               }
             ),
@@ -277,13 +295,14 @@ function FieldDefinitionsEditor({
                 className: "text-xs",
                 children: [
                   /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" }),
-                  " Delete"
+                  " ",
+                  t("entities.customFields.editor.delete", "Delete")
                 ]
               }
             )
           ] }),
           resolvedActiveFieldset && activeFieldsetConfig ? /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-3", children: [
-            /* @__PURE__ */ jsx(FormField, { label: "Code", children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(FormField, { label: t("entities.customFields.editor.code", "Code"), children: /* @__PURE__ */ jsx(
               Input,
               {
                 size: "sm",
@@ -292,7 +311,7 @@ function FieldDefinitionsEditor({
                 onChange: (event) => handleFieldsetCodeInput(activeFieldsetConfig.code, event.target.value)
               }
             ) }),
-            /* @__PURE__ */ jsx(FormField, { label: "Label", children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(FormField, { label: t("entities.customFields.editor.label", "Label"), children: /* @__PURE__ */ jsx(
               Input,
               {
                 size: "sm",
@@ -300,7 +319,7 @@ function FieldDefinitionsEditor({
                 onChange: (event) => handleFieldsetPatch(activeFieldsetConfig.code, { label: event.target.value })
               }
             ) }),
-            /* @__PURE__ */ jsx(FormField, { label: "Icon", children: /* @__PURE__ */ jsxs(
+            /* @__PURE__ */ jsx(FormField, { label: t("entities.customFields.editor.icon", "Icon"), children: /* @__PURE__ */ jsxs(
               Select,
               {
                 value: activeFieldsetConfig.icon || void 0,
@@ -308,12 +327,12 @@ function FieldDefinitionsEditor({
                   icon: value || void 0
                 }),
                 children: [
-                  /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Default" }) }),
-                  /* @__PURE__ */ jsx(SelectContent, { children: FIELDSET_ICON_OPTIONS.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
+                  /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("entities.customFields.editor.defaultOption", "Default") }) }),
+                  /* @__PURE__ */ jsx(SelectContent, { children: FIELDSET_ICON_OPTIONS.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: t(`entities.customFields.editor.iconOption.${option.value}`, option.label) }, option.value)) })
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsx(FormField, { label: "Description", children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(FormField, { label: t("entities.customFields.editor.description", "Description"), children: /* @__PURE__ */ jsx(
               Input,
               {
                 size: "sm",
@@ -330,15 +349,15 @@ function FieldDefinitionsEditor({
                 disabled: !canToggleSingleFieldset,
                 checked: singleFieldsetChecked,
                 onCheckedChange: (checked) => onSingleFieldsetPerRecordChange?.(checked === true),
-                label: "Single fieldset per entity",
+                label: t("entities.customFields.editor.singleFieldsetPerEntity", "Single fieldset per entity"),
                 containerClassName: "text-xs",
                 contentClassName: "gap-1 [&_label]:text-xs [&_label]:font-normal"
               }
             ),
-            !canToggleSingleFieldset ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "(add at least two fieldsets to toggle)" }) : null
+            !canToggleSingleFieldset ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("entities.customFields.editor.singleFieldsetToggleHint", "(add at least two fieldsets to toggle)") }) : null
           ] })
         ] }) : /* @__PURE__ */ jsxs("div", { className: "rounded border border-dashed bg-muted/30 p-4 text-sm text-muted-foreground flex flex-col gap-3", children: [
-          /* @__PURE__ */ jsx("div", { children: "No fieldsets defined yet. Fieldsets let you group custom fields for different variants of the same entity (e.g., Fashion vs. Sport products)." }),
+          /* @__PURE__ */ jsx("div", { children: t("entities.customFields.editor.noFieldsets", "No fieldsets defined yet. Fieldsets let you group custom fields for different variants of the same entity (e.g., Fashion vs. Sport products).") }),
           /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
             Button,
             {
@@ -347,12 +366,12 @@ function FieldDefinitionsEditor({
               onClick: handleAddFieldset,
               children: [
                 /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
-                "Add first fieldset"
+                t("entities.customFields.editor.addFirstFieldset", "Add first fieldset")
               ]
             }
           ) })
         ] }),
-        orderNotice?.dirty && /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-sticky -mt-1 -mb-1", children: /* @__PURE__ */ jsx("div", { className: "inline-flex items-center gap-2 text-xs px-2 py-1 rounded border border-status-warning-border bg-status-warning-bg text-status-warning-text shadow-sm", children: orderNotice?.saving ? "Saving order\u2026" : orderNotice?.message ?? "Reordered \u2014 saving soon" }) }),
+        orderNotice?.dirty && /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-sticky -mt-1 -mb-1", children: /* @__PURE__ */ jsx("div", { className: "inline-flex items-center gap-2 text-xs px-2 py-1 rounded border border-status-warning-border bg-status-warning-bg text-status-warning-text shadow-sm", children: orderNotice?.saving ? t("entities.customFields.editor.savingOrder", "Saving order\u2026") : orderNotice?.message ?? t("entities.customFields.editor.reorderedSavingSoon", "Reordered \u2014 saving soon") }) }),
         filteredDefinitions.map(({ definition, index }) => {
           const assignedFieldset = typeof definition.configJson?.fieldset === "string" ? definition.configJson.fieldset : null;
           const groupOptions = assignedFieldset ? fieldsets.find((fs) => fs.code === assignedFieldset)?.groups ?? [] : availableGroups;
@@ -393,7 +412,7 @@ function FieldDefinitionsEditor({
                 {
                   definition,
                   error: errors?.[index],
-                  kindOptions,
+                  kindOptions: resolvedKindOptions,
                   onChange: (next) => onDefinitionChange(index, next),
                   onRemove: () => onRemoveField(index),
                   allowFieldsetSelection: hasFieldsets,
@@ -420,13 +439,13 @@ function FieldDefinitionsEditor({
               children: [
                 /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
                 " ",
-                addButtonLabel
+                resolvedAddButtonLabel
               ]
             }
           ),
-          infoNote,
+          resolvedInfoNote,
           deletedKeys && deletedKeys.length > 0 && onRestoreField ? /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground mt-2", children: [
-            "Restore deleted fields:",
+            t("entities.customFields.editor.restoreDeletedFields", "Restore deleted fields:"),
             " ",
             deletedKeys.map((key, idx) => /* @__PURE__ */ jsxs("span", { children: [
               /* @__PURE__ */ jsx(
@@ -584,7 +603,7 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
     if (!currentFieldsetValue) return;
     const code = slugifyFieldsetCode(groupDraft.code || "");
     if (!code) {
-      setGroupError("Group code is required.");
+      setGroupError(t("entities.customFields.editor.groupCodeRequired", "Group code is required."));
       return;
     }
     const group = {
@@ -634,7 +653,7 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
     const value = optionValueDraft.trim();
     const label = optionLabelDraft.trim();
     if (!value) {
-      setOptionFormError("Value is required");
+      setOptionFormError(t("entities.customFields.editor.valueRequired", "Value is required"));
       return;
     }
     setOptionFormError(null);
@@ -653,7 +672,7 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
           /* @__PURE__ */ jsx("span", { className: "inline-flex items-center justify-center h-5 w-5 rounded hover:bg-muted cursor-grab active:cursor-grabbing", children: /* @__PURE__ */ jsx(GripVertical, { className: "h-4 w-4 opacity-70" }) }),
-          "Drag to reorder"
+          t("entities.customFields.editor.dragToReorder", "Drag to reorder")
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsx(
@@ -664,17 +683,17 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
               onCheckedChange: (checked) => {
                 apply({ isActive: checked === true }, true);
               },
-              label: "Active",
+              label: t("entities.customFields.editor.active", "Active"),
               containerClassName: "text-sm",
               contentClassName: "gap-1 [&_label]:text-sm [&_label]:font-normal"
             }
           ),
-          onTranslate && /* @__PURE__ */ jsx(IconButton, { variant: "outline", size: "sm", onClick: onTranslate, "aria-label": "Translate field", children: /* @__PURE__ */ jsx(Languages, { className: "h-4 w-4" }) }),
-          /* @__PURE__ */ jsx(IconButton, { variant: "outline", size: "sm", onClick: onRemove, "aria-label": "Remove field", children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }) })
+          onTranslate && /* @__PURE__ */ jsx(IconButton, { variant: "outline", size: "sm", onClick: onTranslate, "aria-label": t("entities.customFields.editor.translateField", "Translate field"), children: /* @__PURE__ */ jsx(Languages, { className: "h-4 w-4" }) }),
+          /* @__PURE__ */ jsx(IconButton, { variant: "outline", size: "sm", onClick: onRemove, "aria-label": t("entities.customFields.editor.removeField", "Remove field"), children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }) })
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "mt-3 grid grid-cols-1 md:grid-cols-12 gap-3 items-center", children: [
-        /* @__PURE__ */ jsx(FormField, { label: "Key", error: error?.key, className: "md:col-span-6", children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(FormField, { label: t("entities.customFields.editor.key", "Key"), error: error?.key, className: "md:col-span-6", children: /* @__PURE__ */ jsx(
           Input,
           {
             inputClassName: "font-mono",
@@ -684,7 +703,7 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
             onBlur: commit
           }
         ) }),
-        /* @__PURE__ */ jsx(FormField, { label: "Kind", error: error?.kind, className: "md:col-span-6", children: /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx(FormField, { label: t("entities.customFields.editor.kind", "Kind"), error: error?.kind, className: "md:col-span-6", children: /* @__PURE__ */ jsxs(
           Select,
           {
             value: local.kind || void 0,
@@ -700,21 +719,21 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
       ] }),
       allowFieldsetSelection ? /* @__PURE__ */ jsxs("div", { className: "mt-3 grid grid-cols-1 md:grid-cols-2 gap-3", children: [
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("label", { className: "text-xs", children: "Assign to fieldset" }),
+          /* @__PURE__ */ jsx("label", { className: "text-xs", children: t("entities.customFields.editor.assignToFieldset", "Assign to fieldset") }),
           /* @__PURE__ */ jsxs(
             Select,
             {
               value: currentFieldsetValue || void 0,
               onValueChange: (value) => handleFieldsetSelect(value ?? ""),
               children: [
-                /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Unassigned" }) }),
+                /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("entities.customFields.editor.unassigned", "Unassigned") }) }),
                 /* @__PURE__ */ jsx(SelectContent, { children: (fieldsets || []).map((fs) => /* @__PURE__ */ jsx(SelectItem, { value: fs.code, children: fs.label || fs.code }, fs.code)) })
               ]
             }
           )
         ] }),
         currentFieldsetValue ? /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx("label", { className: "text-xs", children: "Group" }) }),
+          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx("label", { className: "text-xs", children: t("entities.customFields.editor.group", "Group") }) }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-1", children: [
             /* @__PURE__ */ jsxs(
               Select,
@@ -722,7 +741,7 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
                 value: currentGroup?.code || void 0,
                 onValueChange: (value) => handleGroupSelect(value ?? ""),
                 children: [
-                  /* @__PURE__ */ jsx(SelectTrigger, { className: "flex-1", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "No group" }) }),
+                  /* @__PURE__ */ jsx(SelectTrigger, { className: "flex-1", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("entities.customFields.editor.noGroup", "No group") }) }),
                   /* @__PURE__ */ jsx(SelectContent, { children: groupOptions.map((group) => /* @__PURE__ */ jsx(SelectItem, { value: group.code, children: group.title || group.code }, group.code)) })
                 ]
               }
@@ -733,7 +752,7 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
                 variant: "outline",
                 className: "text-muted-foreground",
                 onClick: () => handleOpenGroupDialog(),
-                "aria-label": "Create group",
+                "aria-label": t("entities.customFields.editor.createGroup", "Create group"),
                 children: /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" })
               }
             ),
@@ -743,7 +762,7 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
                 variant: "outline",
                 className: "text-muted-foreground",
                 onClick: () => handleOpenGroupDialog(),
-                "aria-label": "Edit groups",
+                "aria-label": t("entities.customFields.editor.editGroups", "Edit groups"),
                 children: /* @__PURE__ */ jsx(Cog, { className: "h-4 w-4" })
               }
             )
@@ -751,7 +770,7 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
         ] }) : null
       ] }) : null,
       /* @__PURE__ */ jsxs("div", { className: "mt-3 grid grid-cols-1 md:grid-cols-2 gap-3", children: [
-        /* @__PURE__ */ jsx(FormField, { label: "Label", children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(FormField, { label: t("entities.customFields.editor.label", "Label"), children: /* @__PURE__ */ jsx(
           Input,
           {
             value: typeof local.configJson?.label === "string" ? local.configJson.label : "",
@@ -759,7 +778,7 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
             onBlur: commit
           }
         ) }),
-        /* @__PURE__ */ jsx(FormField, { label: "Description", children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(FormField, { label: t("entities.customFields.editor.description", "Description"), children: /* @__PURE__ */ jsx(
           Input,
           {
             value: typeof local.configJson?.description === "string" ? local.configJson.description : "",
@@ -769,7 +788,7 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
         ) }),
         (local.kind === "text" || local.kind === "multiline") && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "text-xs", children: "Editor" }),
+            /* @__PURE__ */ jsx("label", { className: "text-xs", children: t("entities.customFields.editor.editor", "Editor") }),
             /* @__PURE__ */ jsxs(
               Select,
               {
@@ -778,11 +797,11 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
                   apply({ configJson: { ...local.configJson || {}, editor: value || void 0 } }, true);
                 },
                 children: [
-                  /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Default" }) }),
+                  /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("entities.customFields.editor.defaultOption", "Default") }) }),
                   /* @__PURE__ */ jsxs(SelectContent, { children: [
-                    /* @__PURE__ */ jsx(SelectItem, { value: "markdown", children: "Markdown (UIW)" }),
-                    /* @__PURE__ */ jsx(SelectItem, { value: "simpleMarkdown", children: "Simple Markdown" }),
-                    /* @__PURE__ */ jsx(SelectItem, { value: "htmlRichText", children: "HTML Rich Text" })
+                    /* @__PURE__ */ jsx(SelectItem, { value: "markdown", children: t("entities.customFields.editor.editorMarkdown", "Markdown (UIW)") }),
+                    /* @__PURE__ */ jsx(SelectItem, { value: "simpleMarkdown", children: t("entities.customFields.editor.editorSimpleMarkdown", "Simple Markdown") }),
+                    /* @__PURE__ */ jsx(SelectItem, { value: "htmlRichText", children: t("entities.customFields.editor.editorHtmlRichText", "HTML Rich Text") })
                   ] })
                 ]
               }
@@ -797,13 +816,13 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
                 onCheckedChange: (checked) => {
                   apply({ configJson: { ...local.configJson || {}, multi: checked === true } }, true);
                 },
-                label: "Multiple",
+                label: t("entities.customFields.editor.multiple", "Multiple"),
                 containerClassName: "md:col-span-2",
                 contentClassName: "gap-1 [&_label]:text-xs [&_label]:font-normal"
               }
             ),
             !!local.configJson?.multi && /* @__PURE__ */ jsxs("div", { className: "md:col-span-2", children: [
-              /* @__PURE__ */ jsx("label", { className: "text-xs", children: "Multi-select input style" }),
+              /* @__PURE__ */ jsx("label", { className: "text-xs", children: t("entities.customFields.editor.multiSelectInputStyle", "Multi-select input style") }),
               /* @__PURE__ */ jsxs(
                 Select,
                 {
@@ -817,8 +836,8 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
                   children: [
                     /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
                     /* @__PURE__ */ jsxs(SelectContent, { children: [
-                      /* @__PURE__ */ jsx(SelectItem, { value: "default", children: "Default" }),
-                      /* @__PURE__ */ jsx(SelectItem, { value: "listbox", children: "Listbox (searchable)" })
+                      /* @__PURE__ */ jsx(SelectItem, { value: "default", children: t("entities.customFields.editor.defaultOption", "Default") }),
+                      /* @__PURE__ */ jsx(SelectItem, { value: "listbox", children: t("entities.customFields.editor.listboxSearchable", "Listbox (searchable)") })
                     ] })
                   ]
                 }
@@ -827,7 +846,7 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
           ] })
         ] }),
         local.kind === "select" && /* @__PURE__ */ jsxs("div", { className: "md:col-span-6 space-y-3", children: [
-          /* @__PURE__ */ jsx("label", { className: "text-xs", children: "Options" }),
+          /* @__PURE__ */ jsx("label", { className: "text-xs", children: t("entities.customFields.editor.options", "Options") }),
           /* @__PURE__ */ jsx("div", { className: "space-y-2", children: resolvedOptions.length > 0 ? resolvedOptions.map((option, idx) => /* @__PURE__ */ jsxs(
             "div",
             {
@@ -844,14 +863,14 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
                     size: "xs",
                     className: "text-destructive hover:text-destructive/80",
                     onClick: () => handleRemoveOption(idx),
-                    "aria-label": "Remove option",
+                    "aria-label": t("entities.customFields.editor.removeOption", "Remove option"),
                     children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
                   }
                 )
               ]
             },
             `${option.value}-${idx}`
-          )) : /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "No options defined." }) }),
+          )) : /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("entities.customFields.editor.noOptionsDefined", "No options defined.") }) }),
           /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs(
             Button,
             {
@@ -861,13 +880,13 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
               onClick: handleOpenOptionDialog,
               children: [
                 /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" }),
-                "Add option"
+                t("entities.customFields.editor.addOption", "Add option")
               ]
             }
           ) })
         ] }),
         (local.kind === "select" || local.kind === "relation") && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(FormField, { label: "Options URL", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(FormField, { label: t("entities.customFields.editor.optionsUrl", "Options URL"), children: /* @__PURE__ */ jsx(
             Input,
             {
               placeholder: "/api/...",
@@ -876,7 +895,7 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
               onBlur: commit
             }
           ) }),
-          local.kind === "relation" && /* @__PURE__ */ jsx(FormField, { label: "Related Entity ID", children: /* @__PURE__ */ jsx(
+          local.kind === "relation" && /* @__PURE__ */ jsx(FormField, { label: t("entities.customFields.editor.relatedEntityId", "Related Entity ID"), children: /* @__PURE__ */ jsx(
             Input,
             {
               inputClassName: "font-mono",
@@ -898,13 +917,13 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
           ) })
         ] }),
         local.kind === "currency" && /* @__PURE__ */ jsxs("div", { className: "md:col-span-2", children: [
-          /* @__PURE__ */ jsx("label", { className: "text-xs", children: "Options source" }),
+          /* @__PURE__ */ jsx("label", { className: "text-xs", children: t("entities.customFields.editor.optionsSource", "Options source") }),
           /* @__PURE__ */ jsx("div", { className: "rounded border bg-muted px-2 py-1 text-xs text-muted-foreground", children: "/api/currencies/options" })
         ] }),
-        (local.kind === "integer" || local.kind === "float") && /* @__PURE__ */ jsx(FormField, { label: "Units (optional)", className: "md:col-span-2", children: /* @__PURE__ */ jsx(
+        (local.kind === "integer" || local.kind === "float") && /* @__PURE__ */ jsx(FormField, { label: t("entities.customFields.editor.unitsOptional", "Units (optional)"), className: "md:col-span-2", children: /* @__PURE__ */ jsx(
           Input,
           {
-            placeholder: "kg, cm, etc.",
+            placeholder: t("entities.customFields.editor.unitsPlaceholder", "kg, cm, etc."),
             value: typeof local.configJson?.unit === "string" ? local.configJson.unit : "",
             onChange: (event) => apply({ configJson: { ...local.configJson || {}, unit: event.target.value } }),
             onBlur: commit
@@ -913,7 +932,7 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "mt-3 pt-3 border-t", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
-          /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Validation rules" }),
+          /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: t("entities.customFields.editor.validationRules", "Validation rules") }),
           /* @__PURE__ */ jsxs(
             Button,
             {
@@ -923,13 +942,13 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
               onClick: () => {
                 apply((current) => {
                   const list = Array.isArray(current.configJson?.validation) ? [...current.configJson.validation] : [];
-                  list.push({ rule: "required", message: "This field is required" });
+                  list.push({ rule: "required", message: t("entities.customFields.editor.ruleRequiredMessage", "This field is required") });
                   return { configJson: { ...current.configJson || {}, validation: list } };
                 }, true);
               },
               children: [
                 /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" }),
-                "Add rule"
+                t("entities.customFields.editor.addRule", "Add rule")
               ]
             }
           )
@@ -970,7 +989,7 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
             /* @__PURE__ */ jsx("div", { className: "md:col-span-4", children: /* @__PURE__ */ jsx(
               Input,
               {
-                placeholder: rule?.rule === "regex" ? "Pattern (e.g. ^[a-z]+$)" : ["lt", "lte", "gt", "gte"].includes(rule?.rule) ? "Number" : "\u2014",
+                placeholder: rule?.rule === "regex" ? t("entities.customFields.editor.rulePatternPlaceholder", "Pattern (e.g. ^[a-z]+$)") : ["lt", "lte", "gt", "gte"].includes(rule?.rule) ? t("entities.customFields.editor.ruleNumberPlaceholder", "Number") : "\u2014",
                 value: rule?.param ?? "",
                 onChange: (event) => {
                   const value = ["lt", "lte", "gt", "gte"].includes(rule?.rule) ? Number(event.target.value) : event.target.value;
@@ -988,7 +1007,7 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
             /* @__PURE__ */ jsx("div", { className: "md:col-span-4", children: /* @__PURE__ */ jsx(
               Input,
               {
-                placeholder: "Error message",
+                placeholder: t("entities.customFields.editor.ruleErrorMessagePlaceholder", "Error message"),
                 value: rule?.message || "",
                 onChange: (event) => {
                   const message = event.target.value;
@@ -1007,7 +1026,7 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
               {
                 variant: "outline",
                 size: "sm",
-                "aria-label": "Remove rule",
+                "aria-label": t("entities.customFields.editor.removeRule", "Remove rule"),
                 onClick: () => {
                   apply((current) => {
                     const list = Array.isArray(current.configJson?.validation) ? [...current.configJson.validation] : [];
@@ -1019,7 +1038,7 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
               }
             ) })
           ] }, index)),
-          (!Array.isArray(local.configJson?.validation) || local.configJson.validation.length === 0) && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "No validation rules defined." })
+          (!Array.isArray(local.configJson?.validation) || local.configJson.validation.length === 0) && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: t("entities.customFields.editor.noValidationRules", "No validation rules defined.") })
         ] })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "mt-3", children: (() => {
@@ -1182,11 +1201,11 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
         },
         children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-sm", children: [
           /* @__PURE__ */ jsxs(DialogHeader, { children: [
-            /* @__PURE__ */ jsx(DialogTitle, { children: "Add option" }),
-            /* @__PURE__ */ jsx(DialogDescription, { children: "Provide the stored value and optional label shown to users." })
+            /* @__PURE__ */ jsx(DialogTitle, { children: t("entities.customFields.editor.addOption", "Add option") }),
+            /* @__PURE__ */ jsx(DialogDescription, { children: t("entities.customFields.editor.addOptionDescription", "Provide the stored value and optional label shown to users.") })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "space-y-4 py-2", children: [
-            /* @__PURE__ */ jsx(FormField, { label: "Value", error: optionFormError ?? void 0, children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(FormField, { label: t("entities.customFields.editor.value", "Value"), error: optionFormError ?? void 0, children: /* @__PURE__ */ jsx(
               Input,
               {
                 inputClassName: "font-mono",
@@ -1198,18 +1217,18 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
                 }
               }
             ) }),
-            /* @__PURE__ */ jsx(FormField, { label: "Label", children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(FormField, { label: t("entities.customFields.editor.label", "Label"), children: /* @__PURE__ */ jsx(
               Input,
               {
-                placeholder: "Label shown to users (optional)",
+                placeholder: t("entities.customFields.editor.optionLabelPlaceholder", "Label shown to users (optional)"),
                 value: optionLabelDraft,
                 onChange: (event) => setOptionLabelDraft(event.target.value)
               }
             ) })
           ] }),
           /* @__PURE__ */ jsxs(DialogFooter, { children: [
-            /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: handleCloseOptionDialog, children: "Cancel" }),
-            /* @__PURE__ */ jsx(Button, { size: "sm", onClick: handleAddOption, children: "Add option" })
+            /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: handleCloseOptionDialog, children: t("entities.customFields.editor.cancel", "Cancel") }),
+            /* @__PURE__ */ jsx(Button, { size: "sm", onClick: handleAddOption, children: t("entities.customFields.editor.addOption", "Add option") })
           ] })
         ] })
       }
@@ -1228,11 +1247,11 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
         },
         children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-md", children: [
           /* @__PURE__ */ jsxs(DialogHeader, { children: [
-            /* @__PURE__ */ jsx(DialogTitle, { children: editingGroupCode ? "Edit group" : "New group" }),
-            /* @__PURE__ */ jsx(DialogDescription, { children: editingGroupCode ? "Update the selected group for this fieldset." : "Add a reusable group for this fieldset." })
+            /* @__PURE__ */ jsx(DialogTitle, { children: editingGroupCode ? t("entities.customFields.editor.editGroup", "Edit group") : t("entities.customFields.editor.newGroup", "New group") }),
+            /* @__PURE__ */ jsx(DialogDescription, { children: editingGroupCode ? t("entities.customFields.editor.editGroupDescription", "Update the selected group for this fieldset.") : t("entities.customFields.editor.newGroupDescription", "Add a reusable group for this fieldset.") })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsx(FormField, { label: "Group code", error: groupError ?? void 0, disabled: !!editingGroupCode, children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(FormField, { label: t("entities.customFields.editor.groupCode", "Group code"), error: groupError ?? void 0, disabled: !!editingGroupCode, children: /* @__PURE__ */ jsx(
               Input,
               {
                 inputClassName: "font-mono",
@@ -1242,27 +1261,27 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
                   if (groupError) setGroupError(null);
                 },
                 disabled: !!editingGroupCode,
-                placeholder: "e.g. buying_committee"
+                placeholder: t("entities.customFields.editor.groupCodePlaceholder", "e.g. buying_committee")
               }
             ) }),
-            /* @__PURE__ */ jsx(FormField, { label: "Label", children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(FormField, { label: t("entities.customFields.editor.label", "Label"), children: /* @__PURE__ */ jsx(
               Input,
               {
                 value: groupDraft.title,
                 onChange: (event) => setGroupDraft((prev) => ({ ...prev, title: event.target.value })),
-                placeholder: "Buying committee"
+                placeholder: t("entities.customFields.editor.groupLabelPlaceholder", "Buying committee")
               }
             ) }),
-            /* @__PURE__ */ jsx(FormField, { label: "Hint", children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(FormField, { label: t("entities.customFields.editor.hint", "Hint"), children: /* @__PURE__ */ jsx(
               Input,
               {
                 value: groupDraft.hint,
                 onChange: (event) => setGroupDraft((prev) => ({ ...prev, hint: event.target.value })),
-                placeholder: "Visible to merchandisers"
+                placeholder: t("entities.customFields.editor.groupHintPlaceholder", "Visible to merchandisers")
               }
             ) }),
             currentFieldsetValue && groupOptions.length > 0 ? /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("div", { className: "text-xs font-medium mb-1", children: "Existing groups" }),
+              /* @__PURE__ */ jsx("div", { className: "text-xs font-medium mb-1", children: t("entities.customFields.editor.existingGroups", "Existing groups") }),
               /* @__PURE__ */ jsx("div", { className: "space-y-2 max-h-40 overflow-y-auto", children: groupOptions.map((group) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between rounded border px-3 py-2 text-sm", children: [
                 /* @__PURE__ */ jsxs("div", { children: [
                   /* @__PURE__ */ jsx("div", { className: "font-medium", children: group.title || group.code }),
@@ -1277,7 +1296,7 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
                       size: "xs",
                       className: "text-muted-foreground hover:text-foreground",
                       onClick: () => handleEditGroupEntry(group),
-                      "aria-label": `Edit ${group.code}`,
+                      "aria-label": t("entities.customFields.editor.editGroupAria", "Edit {code}").replace("{code}", group.code),
                       children: /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4" })
                     }
                   ),
@@ -1288,7 +1307,7 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
                       size: "xs",
                       className: "text-destructive hover:text-destructive/80",
                       onClick: () => handleRemoveGroupEntry(group.code),
-                      "aria-label": `Delete ${group.code}`,
+                      "aria-label": t("entities.customFields.editor.deleteGroupAria", "Delete {code}").replace("{code}", group.code),
                       children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
                     }
                   )
@@ -1297,8 +1316,8 @@ const FieldDefinitionCard = React.memo(function FieldDefinitionCard2({
             ] }) : null
           ] }),
           /* @__PURE__ */ jsxs(DialogFooter, { children: [
-            /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => setGroupDialogOpen(false), children: "Cancel" }),
-            /* @__PURE__ */ jsx(Button, { size: "sm", onClick: handleGroupDialogSubmit, children: "Save group" })
+            /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => setGroupDialogOpen(false), children: t("entities.customFields.editor.cancel", "Cancel") }),
+            /* @__PURE__ */ jsx(Button, { size: "sm", onClick: handleGroupDialogSubmit, children: t("entities.customFields.editor.saveGroup", "Save group") })
           ] })
         ] })
       }