@empty-complete-org/medusa-product-attributes 1.0.0 → 1.1.0

package/.medusa/server/src/admin/index.js

@@ -180,15 +180,17 @@ const en = {
 };
 const locales = { ru, en };
 function detectLang() {
-  var _a;
-  if (typeof window === "undefined") return "en";
+  var _a, _b, _c;
+  if (typeof window === "undefined") return "ru";
   const stored = window.localStorage.getItem("i18nextLng");
   if (stored) {
     const short = stored.slice(0, 2).toLowerCase();
     if (locales[short]) return short;
   }
-  const nav = (((_a = window.navigator) == null ? void 0 : _a.language) || "en").slice(0, 2).toLowerCase();
-  return locales[nav] ? nav : "en";
+  const htmlLang = (_b = (_a = document.documentElement) == null ? void 0 : _a.lang) == null ? void 0 : _b.slice(0, 2).toLowerCase();
+  if (htmlLang && locales[htmlLang]) return htmlLang;
+  const nav = (((_c = window.navigator) == null ? void 0 : _c.language) || "ru").slice(0, 2).toLowerCase();
+  return locales[nav] ? nav : "ru";
 }
 function useT() {
   const dict = React.useMemo(() => {
@@ -197,7 +199,7 @@ function useT() {
   }, []);
   return (key, fallback) => dict[key] ?? fallback ?? key;
 }
-const emptyForm$2 = () => ({ label: "", type: "text", unit: "" });
+const emptyForm$1 = () => ({ label: "", type: "text", unit: "" });
 const CategoryAttributeTemplatesWidget = ({
   data
 }) => {
@@ -208,7 +210,7 @@ const CategoryAttributeTemplatesWidget = ({
   const queryKey = ["category-custom-attributes", categoryId];
   const [showAddForm, setShowAddForm] = React.useState(false);
   const [showTemplateList, setShowTemplateList] = React.useState(false);
-  const [addForm, setAddForm] = React.useState(emptyForm$2());
+  const [addForm, setAddForm] = React.useState(emptyForm$1());
   const [confirmDeleteId, setConfirmDeleteId] = React.useState(null);
   const [mutationError, setMutationError] = React.useState(null);
   const templatesQuery = reactQuery.useQuery({
@@ -248,7 +250,7 @@ const CategoryAttributeTemplatesWidget = ({
     onSuccess: () => {
       qc.invalidateQueries({ queryKey });
       setShowAddForm(false);
-      setAddForm(emptyForm$2());
+      setAddForm(emptyForm$1());
       setMutationError(null);
     },
     onError: (err) => {
@@ -273,7 +275,7 @@ const CategoryAttributeTemplatesWidget = ({
       unit: addForm.type === "number" && addForm.unit.trim() ? addForm.unit.trim() : null
     });
   };
-  const typeLabel2 = (v) => t(`type.${v}`, v);
+  const typeLabel = (v) => t(`type.${v}`, v);
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: t("attributes") }),
@@ -287,16 +289,13 @@ const CategoryAttributeTemplatesWidget = ({
             children: t("fromTemplate")
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs(
+        /* @__PURE__ */ jsxRuntime.jsx(
           ui.Button,
           {
             variant: "secondary",
             size: "small",
             onClick: () => setShowAddForm(true),
-            children: [
-              "+ ",
-              t("add")
-            ]
+            children: t("add")
           }
         )
       ] })
@@ -325,7 +324,7 @@ const CategoryAttributeTemplatesWidget = ({
           children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: p.label }),
             /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { size: "2xsmall", color: "grey", children: [
-              typeLabel2(p.type),
+              typeLabel(p.type),
               p.unit ? `, ${p.unit}` : ""
             ] })
           ]
@@ -344,10 +343,9 @@ const CategoryAttributeTemplatesWidget = ({
           children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-sm text-ui-fg-subtle", children: attr.label }),
             /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { size: "2xsmall", color: "grey", children: [
-              typeLabel2(attr.type),
+              typeLabel(attr.type),
               attr.unit ? `, ${attr.unit}` : ""
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", color: "blue", children: "из родителя" })
+            ] })
           ]
         },
         attr.id
@@ -395,7 +393,7 @@ const CategoryAttributeTemplatesWidget = ({
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-sm text-ui-fg-base", children: attr.label }),
               /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { size: "2xsmall", color: "grey", children: [
-                typeLabel2(attr.type),
+                typeLabel(attr.type),
                 attr.unit ? `, ${attr.unit}` : ""
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -467,7 +465,7 @@ const CategoryAttributeTemplatesWidget = ({
           size: "small",
           onClick: () => {
             setShowAddForm(false);
-            setAddForm(emptyForm$2());
+            setAddForm(emptyForm$1());
             setMutationError(null);
           },
           children: "Отмена"
@@ -685,71 +683,6 @@ const ProductAttributeValuesWidget = ({
 adminSdk.defineWidgetConfig({
   zone: "product.details.after"
 });
-var __defProp$1 = Object.defineProperty;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value2) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value: value2 }) : obj[key] = value2;
-var __spreadValues$1 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b)) {
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest$1 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const Globe = React__namespace.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { color = "currentColor" } = _b, props = __objRest$1(_b, ["color"]);
-    return /* @__PURE__ */ React__namespace.createElement(
-      "svg",
-      __spreadValues$1({
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 15,
-        height: 15,
-        viewBox: "0 0 15 15",
-        fill: "none",
-        ref
-      }, props),
-      /* @__PURE__ */ React__namespace.createElement(
-        "path",
-        {
-          stroke: color,
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 1.5,
-          d: "M7.5 13.945c1.473 0 2.667-2.886 2.667-6.445S8.973 1.056 7.5 1.056 4.833 3.94 4.833 7.5s1.194 6.445 2.667 6.445M1.056 7.5h12.888"
-        }
-      ),
-      /* @__PURE__ */ React__namespace.createElement(
-        "path",
-        {
-          stroke: color,
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 1.5,
-          d: "M7.5 13.945a6.444 6.444 0 1 0 0-12.89 6.444 6.444 0 0 0 0 12.89"
-        }
-      )
-    );
-  }
-);
-Globe.displayName = "Globe";
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
@@ -778,7 +711,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const SquaresPlus = React__namespace.forwardRef(
+const Tag = React__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
     return /* @__PURE__ */ React__namespace.createElement(
@@ -791,56 +724,73 @@ const SquaresPlus = React__namespace.forwardRef(
         fill: "none",
         ref
       }, props),
-      /* @__PURE__ */ React__namespace.createElement(
+      /* @__PURE__ */ React__namespace.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ React__namespace.createElement(
         "path",
         {
-          stroke: color,
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 1.5,
-          d: "M5.056 1.944H2.833a.89.89 0 0 0-.889.89v2.221c0 .491.398.89.89.89h2.222c.49 0 .888-.399.888-.89V2.833a.89.89 0 0 0-.888-.889M12.167 1.944H9.944a.89.89 0 0 0-.888.89v2.221c0 .491.398.89.888.89h2.223c.49 0 .889-.399.889-.89V2.833a.89.89 0 0 0-.89-.889M5.056 9.056H2.833a.89.89 0 0 0-.889.889v2.222c0 .49.398.889.89.889h2.222c.49 0 .888-.398.888-.89V9.946a.89.89 0 0 0-.888-.89M11.056 8.611v4.445M13.278 10.833H8.833"
+          fill: color,
+          fillRule: "evenodd",
+          d: "M2.25 2.389a.14.14 0 0 1 .139-.139h4.375c.272 0 .534.108.727.301l5.11 5.111a1.027 1.027 0 0 1 0 1.453l-3.486 3.487a1.027 1.027 0 0 1-1.453 0L2.552 7.49a1.03 1.03 0 0 1-.302-.727zM2.389.75A1.64 1.64 0 0 0 .75 2.389v4.375c0 .67.267 1.313.74 1.787l5.112 5.111a2.527 2.527 0 0 0 3.574 0l3.486-3.486a2.527 2.527 0 0 0 0-3.574L8.552 1.49A2.53 2.53 0 0 0 6.763.75zm3.778 4.305a1.111 1.111 0 1 1-2.223 0 1.111 1.111 0 0 1 2.223 0",
+          clipRule: "evenodd"
         }
-      )
+      )),
+      /* @__PURE__ */ React__namespace.createElement("defs", null, /* @__PURE__ */ React__namespace.createElement("clipPath", { id: "a" }, /* @__PURE__ */ React__namespace.createElement("path", { fill: "#fff", d: "M0 0h15v15H0z" })))
     );
   }
 );
-SquaresPlus.displayName = "SquaresPlus";
-const emptyForm$1 = () => ({
-  label: "",
-  type: "text",
-  unit: "",
-  description: ""
-});
-const typeLabel$1 = (t) => t === "text" ? "Текст" : t === "number" ? "Число" : t === "file" ? "Файл" : t === "boolean" ? "Да/Нет" : t;
-const AttributeTemplatesSettingsPage = () => {
+Tag.displayName = "Tag";
+const emptyForm = () => ({ label: "", type: "text", unit: "", description: "" });
+const ProductAttributesSettingsPage = () => {
+  const t = useT();
+  const [tab, setTab] = React.useState("globals");
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "p-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-6 border-b border-ui-border-base px-6 pt-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(TabButton, { active: tab === "globals", onClick: () => setTab("globals"), children: t("globals") }),
+      /* @__PURE__ */ jsxRuntime.jsx(TabButton, { active: tab === "templates", onClick: () => setTab("templates"), children: t("templates") })
+    ] }),
+    tab === "globals" ? /* @__PURE__ */ jsxRuntime.jsx(GlobalsTab, {}) : /* @__PURE__ */ jsxRuntime.jsx(TemplatesTab, {})
+  ] });
+};
+const TabButton = ({
+  active,
+  onClick,
+  children
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "button",
+  {
+    onClick,
+    className: `-mb-px border-b-2 px-1 pb-3 text-sm font-medium transition-colors ${active ? "border-ui-border-interactive text-ui-fg-base" : "border-transparent text-ui-fg-subtle hover:text-ui-fg-base"}`,
+    children
+  }
+);
+const GlobalsTab = () => {
+  const t = useT();
   const qc = reactQuery.useQueryClient();
-  const queryKey = ["attribute-templates"];
+  const queryKey = ["global-attributes"];
   const [showAddForm, setShowAddForm] = React.useState(false);
-  const [addForm, setAddForm] = React.useState(emptyForm$1());
+  const [addForm, setAddForm] = React.useState(emptyForm());
   const [confirmDeleteId, setConfirmDeleteId] = React.useState(null);
   const { data, isLoading, isError } = reactQuery.useQuery({
     queryKey,
-    queryFn: () => sdk.client.fetch(`/admin/attribute-templates`)
+    queryFn: () => sdk.client.fetch(`/admin/global-attributes`)
   });
-  const templates2 = (data == null ? void 0 : data.attribute_templates) ?? [];
+  const attrs = (data == null ? void 0 : data.global_attributes) ?? [];
   const createMutation = reactQuery.useMutation({
-    mutationFn: (body) => sdk.client.fetch(`/admin/attribute-templates`, {
+    mutationFn: (body) => sdk.client.fetch(`/admin/global-attributes`, {
       method: "POST",
       body: {
         label: body.label,
         type: body.type,
-        unit: body.type === "number" && body.unit ? body.unit : null,
-        description: body.description || null
+        unit: body.type === "number" && body.unit ? body.unit : null
       }
     }),
     onSuccess: () => {
       qc.invalidateQueries({ queryKey });
       setShowAddForm(false);
-      setAddForm(emptyForm$1());
+      setAddForm(emptyForm());
     }
   });
   const deleteMutation = reactQuery.useMutation({
-    mutationFn: (id) => sdk.client.fetch(`/admin/attribute-templates`, {
+    mutationFn: (id) => sdk.client.fetch(`/admin/global-attributes`, {
       method: "PATCH",
       body: { id, deleted_at: (/* @__PURE__ */ new Date()).toISOString() }
     }),
@@ -858,86 +808,57 @@ const AttributeTemplatesSettingsPage = () => {
       description: addForm.description.trim()
     });
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "divide-y", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between px-6 py-4", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Шаблоны атрибутов" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Заготовки атрибутов, которые можно применить к любой категории." })
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: t("globals") }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: t("globalsDesc") })
       ] }),
-      !showAddForm && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", onClick: () => setShowAddForm(true), children: "+ Добавить" })
+      !showAddForm && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", onClick: () => setShowAddForm(true), children: t("add") })
     ] }),
-    isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-muted text-sm", children: "Загрузка…" }) }),
-    isError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error text-sm", children: "Не удалось загрузить шаблоны." }) }),
-    !isLoading && !isError && templates2.length === 0 && !showAddForm && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-muted text-sm", children: "Шаблонов пока нет." }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y", children: templates2.map(
-      (p) => confirmDeleteId === p.id ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-6 py-3 text-sm", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex-1", children: [
-          "Удалить «",
-          p.label,
-          "»?"
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "danger", onClick: () => deleteMutation.mutate(p.id), isLoading: deleteMutation.isPending, children: "Удалить" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", onClick: () => setConfirmDeleteId(null), children: "Отмена" })
-      ] }, p.id) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-6 py-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: p.label }),
-            /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { size: "2xsmall", color: "grey", children: [
-              typeLabel$1(p.type),
-              p.unit ? `, ${p.unit}` : ""
-            ] })
-          ] }),
-          p.description && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-subtle", children: p.description })
+    isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-muted text-sm", children: t("loading") }) }),
+    isError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error text-sm", children: t("loadFailed") }) }),
+    !isLoading && !isError && attrs.length === 0 && !showAddForm && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-muted text-sm", children: t("noGlobals") }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y", children: attrs.map(
+      (a) => confirmDeleteId === a.id ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-6 py-3 text-sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children: t("confirmDelete").replace("{name}", a.label) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "danger", onClick: () => deleteMutation.mutate(a.id), isLoading: deleteMutation.isPending, children: t("delete") }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", onClick: () => setConfirmDeleteId(null), children: t("cancel") })
+      ] }, a.id) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-6 py-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-sm", children: a.label }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { size: "2xsmall", color: "grey", children: [
+          t(`type.${a.type}`, a.type),
+          a.unit ? `, ${a.unit}` : ""
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setConfirmDeleteId(p.id), className: "text-xs text-ui-fg-error hover:underline", children: "Удалить" })
-      ] }, p.id)
+        /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setConfirmDeleteId(a.id), className: "text-xs text-ui-fg-error hover:underline", children: t("delete") })
+      ] }, a.id)
     ) }),
-    showAddForm && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 px-6 py-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { value: addForm.label, onChange: (e) => setAddForm((f) => ({ ...f, label: e.target.value })), placeholder: "Название", className: "flex-1 h-8 text-sm", autoFocus: true }),
-        /* @__PURE__ */ jsxRuntime.jsxs("select", { value: addForm.type, onChange: (e) => setAddForm((f) => ({ ...f, type: e.target.value, unit: e.target.value === "number" ? f.unit : "" })), className: "h-8 rounded border border-ui-border-base bg-ui-bg-base px-2 text-sm", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "text", children: "Текст" }),
-          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "number", children: "Число" }),
-          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "file", children: "Файл" }),
-          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "boolean", children: "Да/Нет" })
-        ] }),
-        addForm.type === "number" && /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { value: addForm.unit, onChange: (e) => setAddForm((f) => ({ ...f, unit: e.target.value })), placeholder: "ед.", className: "w-28 h-8 text-sm" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { value: addForm.description, onChange: (e) => setAddForm((f) => ({ ...f, description: e.target.value })), placeholder: "Описание (необязательно)", className: "h-8 text-sm" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", onClick: () => {
-          setShowAddForm(false);
-          setAddForm(emptyForm$1());
-        }, children: "Отмена" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", onClick: handleAdd, isLoading: createMutation.isPending, children: "Создать" })
-      ] })
-    ] })
+    showAddForm && /* @__PURE__ */ jsxRuntime.jsx(AddForm, { t, form: addForm, setForm: setAddForm, onCancel: () => {
+      setShowAddForm(false);
+      setAddForm(emptyForm());
+    }, onSubmit: handleAdd, isLoading: createMutation.isPending, withDescription: false })
   ] });
 };
-const config$1 = adminSdk.defineRouteConfig({
-  label: "Attribute Templates",
-  icon: SquaresPlus
-});
-const emptyForm = () => ({ label: "", type: "text", unit: "" });
-const typeLabel = (t) => t === "text" ? "Текст" : t === "number" ? "Число" : t === "file" ? "Файл" : t === "boolean" ? "Да/Нет" : t;
-const GlobalAttributesSettingsPage = () => {
+const TemplatesTab = () => {
+  const t = useT();
   const qc = reactQuery.useQueryClient();
-  const queryKey = ["global-attributes"];
+  const queryKey = ["attribute-templates"];
   const [showAddForm, setShowAddForm] = React.useState(false);
   const [addForm, setAddForm] = React.useState(emptyForm());
   const [confirmDeleteId, setConfirmDeleteId] = React.useState(null);
   const { data, isLoading, isError } = reactQuery.useQuery({
     queryKey,
-    queryFn: () => sdk.client.fetch(`/admin/global-attributes`)
+    queryFn: () => sdk.client.fetch(`/admin/attribute-templates`)
   });
-  const attrs = (data == null ? void 0 : data.global_attributes) ?? [];
+  const templates2 = (data == null ? void 0 : data.attribute_templates) ?? [];
   const createMutation = reactQuery.useMutation({
-    mutationFn: (body) => sdk.client.fetch(`/admin/global-attributes`, {
+    mutationFn: (body) => sdk.client.fetch(`/admin/attribute-templates`, {
       method: "POST",
       body: {
         label: body.label,
         type: body.type,
-        unit: body.type === "number" && body.unit ? body.unit : null
+        unit: body.type === "number" && body.unit ? body.unit : null,
+        description: body.description || null
       }
     }),
     onSuccess: () => {
@@ -947,7 +868,7 @@ const GlobalAttributesSettingsPage = () => {
     }
   });
   const deleteMutation = reactQuery.useMutation({
-    mutationFn: (id) => sdk.client.fetch(`/admin/global-attributes`, {
+    mutationFn: (id) => sdk.client.fetch(`/admin/attribute-templates`, {
       method: "PATCH",
       body: { id, deleted_at: (/* @__PURE__ */ new Date()).toISOString() }
     }),
@@ -959,60 +880,113 @@ const GlobalAttributesSettingsPage = () => {
   const handleAdd = () => {
     if (!addForm.label.trim()) return;
     createMutation.mutate({
+      ...addForm,
       label: addForm.label.trim(),
-      type: addForm.type,
-      unit: addForm.unit.trim()
+      unit: addForm.unit.trim(),
+      description: addForm.description.trim()
     });
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "divide-y", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between px-6 py-4", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Глобальные атрибуты" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Применяются ко всем товарам автоматически. Значения у продуктов необязательны." })
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: t("templates") }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: t("templatesDesc") })
       ] }),
-      !showAddForm && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", onClick: () => setShowAddForm(true), children: "+ Добавить" })
+      !showAddForm && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", onClick: () => setShowAddForm(true), children: t("add") })
     ] }),
-    isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-muted text-sm", children: "Загрузка…" }) }),
-    isError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error text-sm", children: "Не удалось загрузить." }) }),
-    !isLoading && !isError && attrs.length === 0 && !showAddForm && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-muted text-sm", children: "Глобальных атрибутов нет." }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y", children: attrs.map(
-      (a) => confirmDeleteId === a.id ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-6 py-3 text-sm", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex-1", children: [
-          "Удалить «",
-          a.label,
-          "»?"
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "danger", onClick: () => deleteMutation.mutate(a.id), isLoading: deleteMutation.isPending, children: "Удалить" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", onClick: () => setConfirmDeleteId(null), children: "Отмена" })
-      ] }, a.id) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-6 py-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-sm", children: a.label }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { size: "2xsmall", color: "grey", children: [
-          typeLabel(a.type),
-          a.unit ? `, ${a.unit}` : ""
+    isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-muted text-sm", children: t("loading") }) }),
+    isError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error text-sm", children: t("loadFailed") }) }),
+    !isLoading && !isError && templates2.length === 0 && !showAddForm && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-muted text-sm", children: t("noTemplates") }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y", children: templates2.map(
+      (p) => confirmDeleteId === p.id ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-6 py-3 text-sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children: t("confirmDelete").replace("{name}", p.label) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "danger", onClick: () => deleteMutation.mutate(p.id), isLoading: deleteMutation.isPending, children: t("delete") }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", onClick: () => setConfirmDeleteId(null), children: t("cancel") })
+      ] }, p.id) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-6 py-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: p.label }),
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { size: "2xsmall", color: "grey", children: [
+              t(`type.${p.type}`, p.type),
+              p.unit ? `, ${p.unit}` : ""
+            ] })
+          ] }),
+          p.description && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-subtle", children: p.description })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setConfirmDeleteId(a.id), className: "text-xs text-ui-fg-error hover:underline", children: "Удалить" })
-      ] }, a.id)
+        /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setConfirmDeleteId(p.id), className: "text-xs text-ui-fg-error hover:underline", children: t("delete") })
+      ] }, p.id)
     ) }),
-    showAddForm && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-6 py-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { value: addForm.label, onChange: (e) => setAddForm((f) => ({ ...f, label: e.target.value })), placeholder: "Название", className: "flex-1 h-8 text-sm", autoFocus: true }),
-      /* @__PURE__ */ jsxRuntime.jsxs("select", { value: addForm.type, onChange: (e) => setAddForm((f) => ({ ...f, type: e.target.value, unit: e.target.value === "number" ? f.unit : "" })), className: "h-8 rounded border border-ui-border-base bg-ui-bg-base px-2 text-sm", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("option", { value: "text", children: "Текст" }),
-        /* @__PURE__ */ jsxRuntime.jsx("option", { value: "number", children: "Число" }),
-        /* @__PURE__ */ jsxRuntime.jsx("option", { value: "file", children: "Файл" }),
-        /* @__PURE__ */ jsxRuntime.jsx("option", { value: "boolean", children: "Да/Нет" })
-      ] }),
-      addForm.type === "number" && /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { value: addForm.unit, onChange: (e) => setAddForm((f) => ({ ...f, unit: e.target.value })), placeholder: "ед.", className: "w-28 h-8 text-sm" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", onClick: handleAdd, isLoading: createMutation.isPending, children: "Создать" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", onClick: () => {
-        setShowAddForm(false);
-        setAddForm(emptyForm());
-      }, children: "Отмена" })
-    ] })
+    showAddForm && /* @__PURE__ */ jsxRuntime.jsx(AddForm, { t, form: addForm, setForm: setAddForm, onCancel: () => {
+      setShowAddForm(false);
+      setAddForm(emptyForm());
+    }, onSubmit: handleAdd, isLoading: createMutation.isPending, withDescription: true })
   ] });
 };
+const AddForm = ({
+  t,
+  form,
+  setForm,
+  onCancel,
+  onSubmit,
+  isLoading,
+  withDescription
+}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 px-6 py-4", children: [
+  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Input,
+      {
+        value: form.label,
+        onChange: (e) => setForm((f) => ({ ...f, label: e.target.value })),
+        placeholder: t("name"),
+        className: "flex-1 h-8 text-sm",
+        autoFocus: true
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "select",
+      {
+        value: form.type,
+        onChange: (e) => setForm((f) => ({
+          ...f,
+          type: e.target.value,
+          unit: e.target.value === "number" ? f.unit : ""
+        })),
+        className: "h-8 rounded border border-ui-border-base bg-ui-bg-base px-2 text-sm",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "text", children: t("type.text") }),
+          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "number", children: t("type.number") }),
+          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "file", children: t("type.file") }),
+          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "boolean", children: t("type.boolean") })
+        ]
+      }
+    ),
+    form.type === "number" && /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Input,
+      {
+        value: form.unit,
+        onChange: (e) => setForm((f) => ({ ...f, unit: e.target.value })),
+        placeholder: t("unit"),
+        className: "w-28 h-8 text-sm"
+      }
+    )
+  ] }),
+  withDescription && /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Input,
+    {
+      value: form.description,
+      onChange: (e) => setForm((f) => ({ ...f, description: e.target.value })),
+      placeholder: t("description"),
+      className: "h-8 text-sm"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", onClick: onCancel, children: t("cancel") }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", onClick: onSubmit, isLoading, children: t("create") })
+  ] })
+] });
 const config = adminSdk.defineRouteConfig({
-  label: "Global Attributes",
-  icon: Globe
+  label: "Product Attributes",
+  icon: Tag
 });
 const widgetModule = { widgets: [
   {
@@ -1027,29 +1001,17 @@ const widgetModule = { widgets: [
 const routeModule = {
   routes: [
     {
-      Component: AttributeTemplatesSettingsPage,
-      path: "/settings/attribute-templates"
-    },
-    {
-      Component: GlobalAttributesSettingsPage,
-      path: "/settings/global-attributes"
+      Component: ProductAttributesSettingsPage,
+      path: "/settings/product-attributes"
     }
   ]
 };
 const menuItemModule = {
   menuItems: [
-    {
-      label: config$1.label,
-      icon: config$1.icon,
-      path: "/settings/attribute-templates",
-      nested: void 0,
-      rank: void 0,
-      translationNs: void 0
-    },
     {
       label: config.label,
       icon: config.icon,
-      path: "/settings/global-attributes",
+      path: "/settings/product-attributes",
       nested: void 0,
       rank: void 0,
       translationNs: void 0