@medusajs/dashboard 3.0.0-snapshot-20251215162333 → 3.0.0-snapshot-20251216103925

package/dist/app.css

@@ -2652,10 +2652,6 @@ video {
   border-bottom-right-radius: 0.75rem;
   border-bottom-left-radius: 0.75rem;
 }
-.rounded-l-full {
-  border-top-left-radius: 9999px;
-  border-bottom-left-radius: 9999px;
-}
 .rounded-r {
   border-top-right-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
@@ -2664,10 +2660,6 @@ video {
   border-top-right-radius: 1rem;
   border-bottom-right-radius: 1rem;
 }
-.rounded-r-full {
-  border-top-right-radius: 9999px;
-  border-bottom-right-radius: 9999px;
-}
 .rounded-t-lg {
   border-top-left-radius: 0.5rem;
   border-top-right-radius: 0.5rem;

package/dist/app.js

@@ -11887,6 +11887,9 @@ var init_en = __esm({
         },
         title: "Translation domains",
         subtitle: "Manage translations of your data in Medusa",
+        list: {
+          metrics: "{{translated}} of {{total}} fields translated"
+        },
         bulk: {
           header: "Translations Bulk Editor",
           mainColumn: "Locale"
@@ -15098,6 +15101,9 @@ var init_es = __esm({
       },
       translations: {
         domain: "Traducciones",
+        list: {
+          metrics: "{{translated}} de {{total}} textos traducidos"
+        },
         actions: {
           manage: "Gestionar traducciones",
           manageLocales: "Gestionar idiomas"
@@ -187294,30 +187300,29 @@ var init_active_locales_section = __esm({
 });
 
 // src/routes/translations/translation-list/components/translation-list-section/translation-list-section.tsx
-var import_ui450, import_react_router_dom246, import_jsx_runtime686, TranslationListSection;
+var import_ui450, import_react_router_dom246, import_react_i18next484, import_jsx_runtime686, TranslationListSection;
 var init_translation_list_section = __esm({
   "src/routes/translations/translation-list/components/translation-list-section/translation-list-section.tsx"() {
     "use strict";
     import_ui450 = require("@medusajs/ui");
     import_react_router_dom246 = require("react-router-dom");
+    import_react_i18next484 = require("react-i18next");
     import_jsx_runtime686 = require("react/jsx-runtime");
     TranslationListSection = ({
       entities,
       hasLocales = false
     }) => {
+      const { t: t5 } = (0, import_react_i18next484.useTranslation)();
       return /* @__PURE__ */ (0, import_jsx_runtime686.jsx)(import_ui450.Container, { className: "divide-y p-0", children: entities.map((entity) => /* @__PURE__ */ (0, import_jsx_runtime686.jsxs)(
         "div",
         {
           className: "grid grid-cols-[250px_1fr_auto] items-center gap-x-4 px-6 py-4",
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime686.jsx)(import_ui450.Text, { size: "small", weight: "plus", children: entity.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime686.jsxs)(import_ui450.Text, { size: "small", className: "text-ui-fg-subtle", children: [
-              (entity.translatedCount ?? 0).toLocaleString(),
-              " of",
-              " ",
-              (entity.totalCount ?? 0).toLocaleString(),
-              " fields translated"
-            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime686.jsx)(import_ui450.Text, { size: "small", className: "text-ui-fg-subtle", children: t5("translations.list.metrics", {
+              translated: (entity.translatedCount ?? 0).toLocaleString(),
+              total: (entity.totalCount ?? 0).toLocaleString()
+            }) }),
             /* @__PURE__ */ (0, import_jsx_runtime686.jsx)(
               import_react_router_dom246.Link,
               {
@@ -187334,17 +187339,17 @@ var init_translation_list_section = __esm({
 });
 
 // src/routes/translations/translation-list/components/translations-completion-section/translations-completion-section.tsx
-var import_ui451, import_react_i18next484, import_jsx_runtime687, TranslationsCompletionSection;
+var import_ui451, import_react_i18next485, import_jsx_runtime687, TranslationsCompletionSection;
 var init_translations_completion_section = __esm({
   "src/routes/translations/translation-list/components/translations-completion-section/translations-completion-section.tsx"() {
     "use strict";
     import_ui451 = require("@medusajs/ui");
-    import_react_i18next484 = require("react-i18next");
+    import_react_i18next485 = require("react-i18next");
     import_jsx_runtime687 = require("react/jsx-runtime");
     TranslationsCompletionSection = ({
       statistics
     }) => {
-      const { t: t5 } = (0, import_react_i18next484.useTranslation)();
+      const { t: t5 } = (0, import_react_i18next485.useTranslation)();
       const { translatedCount, totalCount } = Object.values(statistics).reduce(
         (acc, curr) => ({
           translatedCount: acc.translatedCount + curr.translated,
@@ -187357,7 +187362,7 @@ var init_translations_completion_section = __esm({
       return /* @__PURE__ */ (0, import_jsx_runtime687.jsxs)(import_ui451.Container, { className: "flex flex-col gap-y-3 px-6 py-4", children: [
         /* @__PURE__ */ (0, import_jsx_runtime687.jsxs)("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ (0, import_jsx_runtime687.jsx)(import_ui451.Heading, { children: t5("translations.completion.heading") }),
-          /* @__PURE__ */ (0, import_jsx_runtime687.jsxs)(import_ui451.Text, { size: "small", className: "text-ui-fg-subtle", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime687.jsxs)(import_ui451.Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: [
             translatedCount.toLocaleString(),
             " ",
             t5("general.of"),
@@ -187365,11 +187370,11 @@ var init_translations_completion_section = __esm({
             totalCount.toLocaleString()
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime687.jsx)("div", { className: "flex h-2 w-full overflow-hidden rounded-full", children: percentage > 0 ? /* @__PURE__ */ (0, import_jsx_runtime687.jsxs)(import_jsx_runtime687.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime687.jsx)("div", { className: "flex h-3 w-full overflow-hidden", children: percentage > 0 ? /* @__PURE__ */ (0, import_jsx_runtime687.jsxs)(import_jsx_runtime687.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime687.jsx)(
             "div",
             {
-              className: "mr-0.5 h-full rounded-l-full transition-all",
+              className: "mr-0.5 h-full rounded-sm transition-all",
               style: {
                 width: `${percentage}%`,
                 backgroundColor: "var(--bg-interactive)"
@@ -187379,7 +187384,7 @@ var init_translations_completion_section = __esm({
           /* @__PURE__ */ (0, import_jsx_runtime687.jsx)(
             "div",
             {
-              className: "h-full flex-1 rounded-r-full",
+              className: "h-full flex-1 rounded-sm",
               style: {
                 backgroundColor: "var(--bg-interactive)",
                 opacity: 0.3
@@ -187397,11 +187402,11 @@ var init_translations_completion_section = __esm({
           }
         ) }),
         /* @__PURE__ */ (0, import_jsx_runtime687.jsxs)("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime687.jsxs)(import_ui451.Text, { size: "small", className: "text-ui-fg-subtle", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime687.jsxs)(import_ui451.Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: [
             percentage.toFixed(1),
             "%"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime687.jsxs)(import_ui451.Text, { size: "small", className: "text-ui-fg-subtle", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime687.jsxs)(import_ui451.Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: [
             remaining.toLocaleString(),
             " ",
             t5("general.remaining").toLowerCase()
@@ -187413,13 +187418,13 @@ var init_translations_completion_section = __esm({
 });
 
 // src/routes/translations/translation-list/translation-list.tsx
-var import_ui452, import_react_i18next485, import_react304, import_jsx_runtime688, TranslationList;
+var import_ui452, import_react_i18next486, import_react304, import_jsx_runtime688, TranslationList;
 var init_translation_list = __esm({
   "src/routes/translations/translation-list/translation-list.tsx"() {
     "use strict";
     import_ui452 = require("@medusajs/ui");
     init_pages();
-    import_react_i18next485 = require("react-i18next");
+    import_react_i18next486 = require("react-i18next");
     init_api();
     init_active_locales_section();
     init_translation_list_section();
@@ -187428,7 +187433,7 @@ var init_translation_list = __esm({
     import_react304 = require("react");
     import_jsx_runtime688 = require("react/jsx-runtime");
     TranslationList = () => {
-      const { t: t5 } = (0, import_react_i18next485.useTranslation)();
+      const { t: t5 } = (0, import_react_i18next486.useTranslation)();
       const { store, isPending, isError, error } = useStore();
       const {
         translatable_fields,
@@ -187460,7 +187465,9 @@ var init_translation_list = __esm({
         if (!translatable_fields || !statistics) {
           return [];
         }
-        return Object.entries(translatable_fields).map(([entity, fields]) => {
+        return Object.entries(translatable_fields).filter(
+          ([entity]) => !["product_option", "product_option_value"].includes(entity)
+        ).map(([entity, fields]) => {
           const entityStatistics = statistics[entity];
           return {
             label: entity.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" "),
@@ -187619,7 +187626,7 @@ function useTranslationsGridColumns({
   availableLocales,
   modalFields = []
 }) {
-  const { t: t5 } = (0, import_react_i18next486.useTranslation)();
+  const { t: t5 } = (0, import_react_i18next487.useTranslation)();
   const columns = (0, import_react305.useMemo)(() => {
     return [
       columnHelper93.column({
@@ -187640,7 +187647,9 @@ function useTranslationsGridColumns({
       columnHelper93.column({
         id: "original",
         name: "original",
+        size: 300,
         header: t5("general.original"),
+        disableHiding: true,
         cell: (context) => {
           const row = context.row.original;
           if (isEntityRow(row)) {
@@ -187659,6 +187668,7 @@ function useTranslationsGridColumns({
         return columnHelper93.column({
           id: locale.locale_code,
           name: locale.locale.name,
+          size: 300,
           header: () => locale.locale.name,
           cell: (context) => {
             const row = context.row.original;
@@ -187696,7 +187706,7 @@ function useTranslationsGridColumns({
   }, [t5, translatableFields, availableLocales, modalFields]);
   return columns;
 }
-var import_zod166, import_ui453, import_react305, import_react_hook_form144, import_react_i18next486, import_zod167, import_jsx_runtime689, LocaleTranslationSchema, EntityTranslationsSchema, TranslationsFormSchema, columnHelper93, TranslationsEditForm;
+var import_zod166, import_ui453, import_react305, import_react_hook_form144, import_react_i18next487, import_zod167, import_jsx_runtime689, LocaleTranslationSchema, EntityTranslationsSchema, TranslationsFormSchema, columnHelper93, TranslationsEditForm;
 var init_translations_edit_form = __esm({
   "src/routes/translations/translations-edit/components/translations-edit-form/translations-edit-form.tsx"() {
     "use strict";
@@ -187704,7 +187714,7 @@ var init_translations_edit_form = __esm({
     import_ui453 = require("@medusajs/ui");
     import_react305 = require("react");
     import_react_hook_form144 = require("react-hook-form");
-    import_react_i18next486 = require("react-i18next");
+    import_react_i18next487 = require("react-i18next");
     import_zod167 = require("zod");
     init_data_grid2();
     init_modals();
@@ -187736,7 +187746,7 @@ var init_translations_edit_form = __esm({
       isFetchingNextPage,
       referenceCount
     }) => {
-      const { t: t5 } = (0, import_react_i18next486.useTranslation)();
+      const { t: t5 } = (0, import_react_i18next487.useTranslation)();
       const { handleSuccess, setCloseOnEscape } = useRouteModal();
       const direction = useDocumentDirection();
       const entities = (0, import_react305.useMemo)(() => references, [references]);
@@ -188078,14 +188088,14 @@ var init_avatar_box = __esm({
 });
 
 // src/routes/login/login.tsx
-var import_zod168, import_ui454, import_react_hook_form145, import_react_i18next487, import_react_router_dom248, z64, import_jsx_runtime692, LoginSchema, Login;
+var import_zod168, import_ui454, import_react_hook_form145, import_react_i18next488, import_react_router_dom248, z64, import_jsx_runtime692, LoginSchema, Login;
 var init_login = __esm({
   "src/routes/login/login.tsx"() {
     "use strict";
     import_zod168 = require("@hookform/resolvers/zod");
     import_ui454 = require("@medusajs/ui");
     import_react_hook_form145 = require("react-hook-form");
-    import_react_i18next487 = require("react-i18next");
+    import_react_i18next488 = require("react-i18next");
     import_react_router_dom248 = require("react-router-dom");
     z64 = __toESM(require("zod"));
     init_form2();
@@ -188099,7 +188109,7 @@ var init_login = __esm({
       password: z64.string()
     });
     Login = () => {
-      const { t: t5 } = (0, import_react_i18next487.useTranslation)();
+      const { t: t5 } = (0, import_react_i18next488.useTranslation)();
       const location = (0, import_react_router_dom248.useLocation)();
       const navigate = (0, import_react_router_dom248.useNavigate)();
       const { getWidgets } = useExtension();
@@ -188219,7 +188229,7 @@ var init_login = __esm({
           })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime692.jsx)("span", { className: "text-ui-fg-muted txt-small my-6", children: /* @__PURE__ */ (0, import_jsx_runtime692.jsx)(
-          import_react_i18next487.Trans,
+          import_react_i18next488.Trans,
           {
             i18nKey: "login.forgotPassword",
             components: [
@@ -188348,14 +188358,14 @@ var init_logo_box2 = __esm({
 });
 
 // src/routes/reset-password/reset-password.tsx
-var import_zod169, import_ui456, import_react_hook_form146, import_react_i18next488, import_react_router_dom249, z65, import_react309, import_react_jwt, import_jsx_runtime694, ResetPasswordInstructionsSchema, ResetPasswordSchema, ResetPasswordTokenSchema, validateDecodedResetPasswordToken, InvalidResetToken, ChooseNewPassword, ResetPassword;
+var import_zod169, import_ui456, import_react_hook_form146, import_react_i18next489, import_react_router_dom249, z65, import_react309, import_react_jwt, import_jsx_runtime694, ResetPasswordInstructionsSchema, ResetPasswordSchema, ResetPasswordTokenSchema, validateDecodedResetPasswordToken, InvalidResetToken, ChooseNewPassword, ResetPassword;
 var init_reset_password = __esm({
   "src/routes/reset-password/reset-password.tsx"() {
     "use strict";
     import_zod169 = require("@hookform/resolvers/zod");
     import_ui456 = require("@medusajs/ui");
     import_react_hook_form146 = require("react-hook-form");
-    import_react_i18next488 = require("react-i18next");
+    import_react_i18next489 = require("react-i18next");
     import_react_router_dom249 = require("react-router-dom");
     z65 = __toESM(require("zod"));
     import_react309 = require("react");
@@ -188390,7 +188400,7 @@ var init_reset_password = __esm({
       return ResetPasswordTokenSchema.safeParse(decoded).success;
     };
     InvalidResetToken = () => {
-      const { t: t5 } = (0, import_react_i18next488.useTranslation)();
+      const { t: t5 } = (0, import_react_i18next489.useTranslation)();
       const navigate = (0, import_react_router_dom249.useNavigate)();
       return /* @__PURE__ */ (0, import_jsx_runtime694.jsx)("div", { className: "bg-ui-bg-base flex min-h-dvh w-dvw items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime694.jsxs)("div", { className: "m-4 flex w-full max-w-[300px] flex-col items-center", children: [
         /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(LogoBox, { className: "mb-4" }),
@@ -188408,7 +188418,7 @@ var init_reset_password = __esm({
           }
         ) }),
         /* @__PURE__ */ (0, import_jsx_runtime694.jsx)("span", { className: "txt-small my-6", children: /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(
-          import_react_i18next488.Trans,
+          import_react_i18next489.Trans,
           {
             i18nKey: "resetPassword.backToLogin",
             components: [
@@ -188426,7 +188436,7 @@ var init_reset_password = __esm({
       ] }) });
     };
     ChooseNewPassword = ({ token }) => {
-      const { t: t5 } = (0, import_react_i18next488.useTranslation)();
+      const { t: t5 } = (0, import_react_i18next489.useTranslation)();
       const [showAlert, setShowAlert] = (0, import_react309.useState)(false);
       const invite = token ? (0, import_react_jwt.decodeToken)(token) : null;
       const isValidResetPasswordToken = invite && validateDecodedResetPasswordToken(invite);
@@ -188527,7 +188537,7 @@ var init_reset_password = __esm({
           }
         ) }) }),
         /* @__PURE__ */ (0, import_jsx_runtime694.jsx)("span", { className: "txt-small my-6", children: /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(
-          import_react_i18next488.Trans,
+          import_react_i18next489.Trans,
           {
             i18nKey: "resetPassword.backToLogin",
             components: [
@@ -188545,7 +188555,7 @@ var init_reset_password = __esm({
       ] }) });
     };
     ResetPassword = () => {
-      const { t: t5 } = (0, import_react_i18next488.useTranslation)();
+      const { t: t5 } = (0, import_react_i18next489.useTranslation)();
       const [searchParams] = (0, import_react_router_dom249.useSearchParams)();
       const [showAlert, setShowAlert] = (0, import_react309.useState)(false);
       const token = searchParams.get("token");
@@ -188616,7 +188626,7 @@ var init_reset_password = __esm({
           }
         ) }) }),
         /* @__PURE__ */ (0, import_jsx_runtime694.jsx)("span", { className: "txt-small my-6", children: /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(
-          import_react_i18next488.Trans,
+          import_react_i18next489.Trans,
           {
             i18nKey: "resetPassword.backToLogin",
             components: [
@@ -188649,7 +188659,7 @@ var init_reset_password2 = __esm({
 });
 
 // src/routes/invite/invite.tsx
-var import_zod170, import_ui457, import_i18next8, import_react310, import_react311, import_react_hook_form147, import_react_i18next489, import_react_jwt2, import_react_router_dom250, z66, import_jsx_runtime695, CreateAccountSchema, Invite, LoginLink, InvalidView, CreateView, SuccessView, InviteSchema, validateDecodedInvite;
+var import_zod170, import_ui457, import_i18next8, import_react310, import_react311, import_react_hook_form147, import_react_i18next490, import_react_jwt2, import_react_router_dom250, z66, import_jsx_runtime695, CreateAccountSchema, Invite, LoginLink, InvalidView, CreateView, SuccessView, InviteSchema, validateDecodedInvite;
 var init_invite = __esm({
   "src/routes/invite/invite.tsx"() {
     "use strict";
@@ -188659,7 +188669,7 @@ var init_invite = __esm({
     import_react310 = require("motion/react");
     import_react311 = require("react");
     import_react_hook_form147 = require("react-hook-form");
-    import_react_i18next489 = require("react-i18next");
+    import_react_i18next490 = require("react-i18next");
     import_react_jwt2 = require("react-jwt");
     import_react_router_dom250 = require("react-router-dom");
     z66 = __toESM(require("zod"));
@@ -188764,7 +188774,7 @@ var init_invite = __esm({
       ] }) });
     };
     LoginLink = () => {
-      const { t: t5 } = (0, import_react_i18next489.useTranslation)();
+      const { t: t5 } = (0, import_react_i18next490.useTranslation)();
       return /* @__PURE__ */ (0, import_jsx_runtime695.jsxs)("div", { className: "flex w-full flex-col items-center", children: [
         /* @__PURE__ */ (0, import_jsx_runtime695.jsx)("div", { className: "my-6 h-px w-full border-b border-dotted" }),
         /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(
@@ -188779,7 +188789,7 @@ var init_invite = __esm({
       ] });
     };
     InvalidView = () => {
-      const { t: t5 } = (0, import_react_i18next489.useTranslation)();
+      const { t: t5 } = (0, import_react_i18next490.useTranslation)();
       return /* @__PURE__ */ (0, import_jsx_runtime695.jsxs)("div", { className: "flex flex-col items-center", children: [
         /* @__PURE__ */ (0, import_jsx_runtime695.jsxs)("div", { className: "flex flex-col items-center gap-y-1", children: [
           /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(import_ui457.Heading, { children: t5("invite.invalidTokenTitle") }),
@@ -188793,7 +188803,7 @@ var init_invite = __esm({
       token,
       invite
     }) => {
-      const { t: t5 } = (0, import_react_i18next489.useTranslation)();
+      const { t: t5 } = (0, import_react_i18next490.useTranslation)();
       const [invalid, setInvalid] = (0, import_react311.useState)(false);
       const [params2] = (0, import_react_router_dom250.useSearchParams)();
       const isFirstRun = params2.get("first_run") === "true";
@@ -188968,7 +188978,7 @@ var init_invite = __esm({
       ] });
     };
     SuccessView = () => {
-      const { t: t5 } = (0, import_react_i18next489.useTranslation)();
+      const { t: t5 } = (0, import_react_i18next490.useTranslation)();
       return /* @__PURE__ */ (0, import_jsx_runtime695.jsxs)("div", { className: "flex w-full flex-col items-center gap-y-6", children: [
         /* @__PURE__ */ (0, import_jsx_runtime695.jsxs)("div", { className: "flex flex-col items-center gap-y-1", children: [
           /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(import_ui457.Heading, { className: "text-center", children: t5("invite.successTitle") }),
@@ -189011,17 +189021,17 @@ var init_invite2 = __esm({
 });
 
 // src/routes/no-match/no-match.tsx
-var import_icons175, import_ui458, import_react_i18next490, import_react_router_dom251, import_jsx_runtime696, NoMatch;
+var import_icons175, import_ui458, import_react_i18next491, import_react_router_dom251, import_jsx_runtime696, NoMatch;
 var init_no_match = __esm({
   "src/routes/no-match/no-match.tsx"() {
     "use strict";
     import_icons175 = require("@medusajs/icons");
     import_ui458 = require("@medusajs/ui");
-    import_react_i18next490 = require("react-i18next");
+    import_react_i18next491 = require("react-i18next");
     import_react_router_dom251 = require("react-router-dom");
     import_jsx_runtime696 = require("react/jsx-runtime");
     NoMatch = () => {
-      const { t: t5 } = (0, import_react_i18next490.useTranslation)();
+      const { t: t5 } = (0, import_react_i18next491.useTranslation)();
       const title = t5("errorBoundary.notFoundTitle");
       const message = t5("errorBoundary.noMatchMessage");
       return /* @__PURE__ */ (0, import_jsx_runtime696.jsx)("div", { className: "flex size-full min-h-screen items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime696.jsxs)("div", { className: "flex flex-col items-center gap-y-6", children: [
@@ -191068,12 +191078,12 @@ function getFieldLabel(field) {
   }
   return field.name.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
 }
-var import_ui459, import_react_i18next491, import_jsx_runtime699, FormExtensionZone, FormExtensionField, FormExtensionFieldComponent;
+var import_ui459, import_react_i18next492, import_jsx_runtime699, FormExtensionZone, FormExtensionField, FormExtensionFieldComponent;
 var init_form_extension_zone = __esm({
   "src/dashboard-app/forms/form-extension-zone/form-extension-zone.tsx"() {
     "use strict";
     import_ui459 = require("@medusajs/ui");
-    import_react_i18next491 = require("react-i18next");
+    import_react_i18next492 = require("react-i18next");
     init_form2();
     init_utils15();
     import_jsx_runtime699 = require("react/jsx-runtime");
@@ -191117,7 +191127,7 @@ var init_form_extension_zone = __esm({
       component,
       placeholder
     }) => {
-      const { t: t5 } = (0, import_react_i18next491.useTranslation)();
+      const { t: t5 } = (0, import_react_i18next492.useTranslation)();
       if (component) {
         const Component5 = component;
         return /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(Component5, { ...field, placeholder });

package/dist/app.mjs

@@ -1,6 +1,6 @@
 import {
   DashboardApp
-} from "./chunk-YTYDWNYA.mjs";
+} from "./chunk-O7WJSSQR.mjs";
 import "./chunk-2SSUH2HJ.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";

package/dist/{chunk-YTYDWNYA.mjs → chunk-O7WJSSQR.mjs}

@@ -11493,6 +11493,9 @@ var en_default = {
     },
     title: "Translation domains",
     subtitle: "Manage translations of your data in Medusa",
+    list: {
+      metrics: "{{translated}} of {{total}} fields translated"
+    },
     bulk: {
       header: "Translations Bulk Editor",
       mainColumn: "Locale"
@@ -14699,6 +14702,9 @@ var es_default = {
   },
   translations: {
     domain: "Traducciones",
+    list: {
+      metrics: "{{translated}} de {{total}} textos traducidos"
+    },
     actions: {
       manage: "Gestionar traducciones",
       manageLocales: "Gestionar idiomas"
@@ -92605,7 +92611,7 @@ function getRouteMap({
                   children: [
                     {
                       path: "create",
-                      lazy: () => import("./product-create-OLDZPMLW.mjs")
+                      lazy: () => import("./product-create-E2GZYQX4.mjs")
                     },
                     {
                       path: "import",
@@ -92621,7 +92627,7 @@ function getRouteMap({
                   path: ":id",
                   errorElement: /* @__PURE__ */ jsx17(ErrorBoundary, {}),
                   lazy: async () => {
-                    const { Breadcrumb, loader } = await import("./product-detail-O6QWJIKR.mjs");
+                    const { Breadcrumb, loader } = await import("./product-detail-QBGGKRZ2.mjs");
                     return {
                       Component: Outlet4,
                       loader,
@@ -92633,11 +92639,11 @@ function getRouteMap({
                   children: [
                     {
                       path: "",
-                      lazy: () => import("./product-detail-O6QWJIKR.mjs"),
+                      lazy: () => import("./product-detail-QBGGKRZ2.mjs"),
                       children: [
                         {
                           path: "edit",
-                          lazy: () => import("./product-edit-56XDGDUN.mjs")
+                          lazy: () => import("./product-edit-YP4KOQ4T.mjs")
                         },
                         {
                           path: "edit-variant",
@@ -92649,11 +92655,11 @@ function getRouteMap({
                         },
                         {
                           path: "attributes",
-                          lazy: () => import("./product-attributes-TKCE2M63.mjs")
+                          lazy: () => import("./product-attributes-QD3BWV5V.mjs")
                         },
                         {
                           path: "organization",
-                          lazy: () => import("./product-organization-PNKWRNHC.mjs")
+                          lazy: () => import("./product-organization-H557PLLB.mjs")
                         },
                         {
                           path: "shipping-profile",
@@ -93994,11 +94000,11 @@ function getRouteMap({
               children: [
                 {
                   path: "",
-                  lazy: () => import("./translation-list-AFK5MGSH.mjs")
+                  lazy: () => import("./translation-list-IAKEB7MY.mjs")
                 },
                 {
                   path: "edit",
-                  lazy: () => import("./translations-edit-EN47PWTO.mjs")
+                  lazy: () => import("./translations-edit-QKLE4L5B.mjs")
                 }
               ]
             },

package/dist/en.json

@@ -2514,6 +2514,9 @@
     },
     "title": "Translation domains",
     "subtitle": "Manage translations of your data in Medusa",
+    "list": {
+      "metrics": "{{translated}} of {{total}} fields translated"
+    },
     "bulk": {
       "header": "Translations Bulk Editor",
       "mainColumn": "Locale"

package/dist/{product-attributes-TKCE2M63.mjs → product-attributes-QD3BWV5V.mjs}

@@ -15,7 +15,7 @@ import {
 import {
   FormExtensionZone,
   useExtendableForm
-} from "./chunk-YTYDWNYA.mjs";
+} from "./chunk-O7WJSSQR.mjs";
 import "./chunk-2SSUH2HJ.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";

package/dist/{product-create-OLDZPMLW.mjs → product-create-E2GZYQX4.mjs}

@@ -63,7 +63,7 @@ import {
 import {
   FormExtensionZone,
   useExtendableForm
-} from "./chunk-YTYDWNYA.mjs";
+} from "./chunk-O7WJSSQR.mjs";
 import "./chunk-2SSUH2HJ.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";

package/dist/{product-detail-O6QWJIKR.mjs → product-detail-QBGGKRZ2.mjs}

@@ -27,7 +27,7 @@ import {
 import "./chunk-DZWH2RV6.mjs";
 import {
   getLinkedFields
-} from "./chunk-YTYDWNYA.mjs";
+} from "./chunk-O7WJSSQR.mjs";
 import "./chunk-2SSUH2HJ.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";

package/dist/{product-edit-56XDGDUN.mjs → product-edit-YP4KOQ4T.mjs}

@@ -18,7 +18,7 @@ import {
 import {
   FormExtensionZone,
   useExtendableForm
-} from "./chunk-YTYDWNYA.mjs";
+} from "./chunk-O7WJSSQR.mjs";
 import "./chunk-2SSUH2HJ.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";

package/dist/{product-organization-PNKWRNHC.mjs → product-organization-H557PLLB.mjs}

@@ -20,7 +20,7 @@ import {
 import {
   FormExtensionZone,
   useExtendableForm
-} from "./chunk-YTYDWNYA.mjs";
+} from "./chunk-O7WJSSQR.mjs";
 import "./chunk-2SSUH2HJ.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";

package/dist/{translation-list-AFK5MGSH.mjs → translation-list-IAKEB7MY.mjs}

@@ -47,7 +47,7 @@ import "./chunk-QZ7TP4HQ.mjs";
 
 // src/routes/translations/translation-list/translation-list.tsx
 import { Container as Container4, Heading as Heading3, Text as Text4 } from "@medusajs/ui";
-import { useTranslation as useTranslation3 } from "react-i18next";
+import { useTranslation as useTranslation4 } from "react-i18next";
 
 // src/routes/translations/translation-list/components/active-locales-section/active-locales-section.tsx
 import { PencilSquare, Language } from "@medusajs/icons";
@@ -90,24 +90,23 @@ var ActiveLocalesSection = ({
 // src/routes/translations/translation-list/components/translation-list-section/translation-list-section.tsx
 import { Button, Container as Container2, Text as Text2 } from "@medusajs/ui";
 import { Link } from "react-router-dom";
+import { useTranslation as useTranslation2 } from "react-i18next";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var TranslationListSection = ({
   entities,
   hasLocales = false
 }) => {
+  const { t } = useTranslation2();
   return /* @__PURE__ */ jsx2(Container2, { className: "divide-y p-0", children: entities.map((entity) => /* @__PURE__ */ jsxs2(
     "div",
     {
       className: "grid grid-cols-[250px_1fr_auto] items-center gap-x-4 px-6 py-4",
       children: [
         /* @__PURE__ */ jsx2(Text2, { size: "small", weight: "plus", children: entity.label }),
-        /* @__PURE__ */ jsxs2(Text2, { size: "small", className: "text-ui-fg-subtle", children: [
-          (entity.translatedCount ?? 0).toLocaleString(),
-          " of",
-          " ",
-          (entity.totalCount ?? 0).toLocaleString(),
-          " fields translated"
-        ] }),
+        /* @__PURE__ */ jsx2(Text2, { size: "small", className: "text-ui-fg-subtle", children: t("translations.list.metrics", {
+          translated: (entity.translatedCount ?? 0).toLocaleString(),
+          total: (entity.totalCount ?? 0).toLocaleString()
+        }) }),
         /* @__PURE__ */ jsx2(
           Link,
           {
@@ -123,12 +122,12 @@ var TranslationListSection = ({
 
 // src/routes/translations/translation-list/components/translations-completion-section/translations-completion-section.tsx
 import { Container as Container3, Heading as Heading2, Text as Text3 } from "@medusajs/ui";
-import { useTranslation as useTranslation2 } from "react-i18next";
+import { useTranslation as useTranslation3 } from "react-i18next";
 import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var TranslationsCompletionSection = ({
   statistics
 }) => {
-  const { t } = useTranslation2();
+  const { t } = useTranslation3();
   const { translatedCount, totalCount } = Object.values(statistics).reduce(
     (acc, curr) => ({
       translatedCount: acc.translatedCount + curr.translated,
@@ -141,7 +140,7 @@ var TranslationsCompletionSection = ({
   return /* @__PURE__ */ jsxs3(Container3, { className: "flex flex-col gap-y-3 px-6 py-4", children: [
     /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsx3(Heading2, { children: t("translations.completion.heading") }),
-      /* @__PURE__ */ jsxs3(Text3, { size: "small", className: "text-ui-fg-subtle", children: [
+      /* @__PURE__ */ jsxs3(Text3, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: [
         translatedCount.toLocaleString(),
         " ",
         t("general.of"),
@@ -149,11 +148,11 @@ var TranslationsCompletionSection = ({
         totalCount.toLocaleString()
       ] })
     ] }),
-    /* @__PURE__ */ jsx3("div", { className: "flex h-2 w-full overflow-hidden rounded-full", children: percentage > 0 ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx3("div", { className: "flex h-3 w-full overflow-hidden", children: percentage > 0 ? /* @__PURE__ */ jsxs3(Fragment, { children: [
       /* @__PURE__ */ jsx3(
         "div",
         {
-          className: "mr-0.5 h-full rounded-l-full transition-all",
+          className: "mr-0.5 h-full rounded-sm transition-all",
           style: {
             width: `${percentage}%`,
             backgroundColor: "var(--bg-interactive)"
@@ -163,7 +162,7 @@ var TranslationsCompletionSection = ({
       /* @__PURE__ */ jsx3(
         "div",
         {
-          className: "h-full flex-1 rounded-r-full",
+          className: "h-full flex-1 rounded-sm",
           style: {
             backgroundColor: "var(--bg-interactive)",
             opacity: 0.3
@@ -181,11 +180,11 @@ var TranslationsCompletionSection = ({
       }
     ) }),
     /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs3(Text3, { size: "small", className: "text-ui-fg-subtle", children: [
+      /* @__PURE__ */ jsxs3(Text3, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: [
         percentage.toFixed(1),
         "%"
       ] }),
-      /* @__PURE__ */ jsxs3(Text3, { size: "small", className: "text-ui-fg-subtle", children: [
+      /* @__PURE__ */ jsxs3(Text3, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: [
         remaining.toLocaleString(),
         " ",
         t("general.remaining").toLowerCase()
@@ -198,7 +197,7 @@ var TranslationsCompletionSection = ({
 import { useMemo } from "react";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var TranslationList = () => {
-  const { t } = useTranslation3();
+  const { t } = useTranslation4();
   const { store, isPending, isError, error } = useStore();
   const {
     translatable_fields,
@@ -230,7 +229,9 @@ var TranslationList = () => {
     if (!translatable_fields || !statistics) {
       return [];
     }
-    return Object.entries(translatable_fields).map(([entity, fields]) => {
+    return Object.entries(translatable_fields).filter(
+      ([entity]) => !["product_option", "product_option_value"].includes(entity)
+    ).map(([entity, fields]) => {
       const entityStatistics = statistics[entity];
       return {
         label: entity.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" "),

package/dist/{translations-edit-EN47PWTO.mjs → translations-edit-QKLE4L5B.mjs}

@@ -191,7 +191,9 @@ function useTranslationsGridColumns({
       columnHelper.column({
         id: "original",
         name: "original",
+        size: 300,
         header: t("general.original"),
+        disableHiding: true,
         cell: (context) => {
           const row = context.row.original;
           if (isEntityRow(row)) {
@@ -210,6 +212,7 @@ function useTranslationsGridColumns({
         return columnHelper.column({
           id: locale.locale_code,
           name: locale.locale.name,
+          size: 300,
           header: () => locale.locale.name,
           cell: (context) => {
             const row = context.row.original;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medusajs/dashboard",
-  "version": "3.0.0-snapshot-20251215162333",
+  "version": "3.0.0-snapshot-20251216103925",
   "scripts": {
     "generate:static": "node ./scripts/generate-currencies.js && prettier --write ./src/lib/currencies.ts",
     "dev": "../../../node_modules/.bin/vite",
@@ -46,10 +46,10 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@hookform/error-message": "^2.0.1",
     "@hookform/resolvers": "3.4.2",
-    "@medusajs/admin-shared": "3.0.0-snapshot-20251215162333",
-    "@medusajs/icons": "3.0.0-snapshot-20251215162333",
-    "@medusajs/js-sdk": "3.0.0-snapshot-20251215162333",
-    "@medusajs/ui": "4.0.31-snapshot-20251215162333",
+    "@medusajs/admin-shared": "3.0.0-snapshot-20251216103925",
+    "@medusajs/icons": "3.0.0-snapshot-20251216103925",
+    "@medusajs/js-sdk": "3.0.0-snapshot-20251216103925",
+    "@medusajs/ui": "4.0.31-snapshot-20251216103925",
     "@radix-ui/react-dialog": "1.1.4",
     "@radix-ui/react-dismissable-layer": "1.1.4",
     "@tanstack/react-query": "5.64.2",
@@ -80,10 +80,10 @@
     "zod": "3.25.76"
   },
   "devDependencies": {
-    "@medusajs/admin-shared": "3.0.0-snapshot-20251215162333",
-    "@medusajs/admin-vite-plugin": "3.0.0-snapshot-20251215162333",
-    "@medusajs/types": "3.0.0-snapshot-20251215162333",
-    "@medusajs/ui-preset": "3.0.0-snapshot-20251215162333"
+    "@medusajs/admin-shared": "3.0.0-snapshot-20251216103925",
+    "@medusajs/admin-vite-plugin": "3.0.0-snapshot-20251216103925",
+    "@medusajs/types": "3.0.0-snapshot-20251216103925",
+    "@medusajs/ui-preset": "3.0.0-snapshot-20251216103925"
   },
   "packageManager": "yarn@3.2.1"
 }

package/src/i18n/translations/$schema.json

@@ -39,7 +39,7 @@
           "type": "string"
         },
         "original": {
-            "type": "string"
+          "type": "string"
         },
         "of": {
           "type": "string"
@@ -108,7 +108,7 @@
           "type": "string"
         },
         "remaining": {
-            "type": "string"
+          "type": "string"
         },
         "admin": {
           "type": "string"
@@ -9345,6 +9345,15 @@
         "subtitle": {
           "type": "string"
         },
+        "list": {
+          "type": "object",
+          "properties": {
+            "metrics": {
+              "type": "string"
+            }
+          },
+          "required": ["metrics"]
+        },
         "actions": {
           "type": "object",
           "properties": {
@@ -9392,7 +9401,7 @@
             }
           },
           "required": ["heading"]
-        },
+        }
       },
       "required": ["domain", "actions", "subtitle", "bulk", "completion"]
     },

package/src/i18n/translations/en.json

@@ -2514,6 +2514,9 @@
     },
     "title": "Translation domains",
     "subtitle": "Manage translations of your data in Medusa",
+    "list": {
+      "metrics": "{{translated}} of {{total}} fields translated"
+    },
     "bulk": {
       "header": "Translations Bulk Editor",
       "mainColumn": "Locale"

package/src/i18n/translations/es.json

@@ -2447,6 +2447,9 @@
   },
   "translations": {
     "domain": "Traducciones",
+    "list": {
+      "metrics": "{{translated}} de {{total}} textos traducidos"
+    },
     "actions": {
       "manage": "Gestionar traducciones",
       "manageLocales": "Gestionar idiomas"

package/src/routes/translations/translation-list/components/translation-list-section/translation-list-section.tsx

@@ -1,6 +1,7 @@
 import { Button, Container, Text } from "@medusajs/ui"
 import { Link } from "react-router-dom"
 import { TranslatableEntity } from "../../translation-list"
+import { useTranslation } from "react-i18next"
 
 type TranslationListSectionProps = {
   entities: TranslatableEntity[]
@@ -11,6 +12,8 @@ export const TranslationListSection = ({
   entities,
   hasLocales = false,
 }: TranslationListSectionProps) => {
+  const { t } = useTranslation()
+
   return (
     <Container className="divide-y p-0">
       {entities.map((entity) => (
@@ -22,8 +25,10 @@ export const TranslationListSection = ({
             {entity.label}
           </Text>
           <Text size="small" className="text-ui-fg-subtle">
-            {(entity.translatedCount ?? 0).toLocaleString()} of{" "}
-            {(entity.totalCount ?? 0).toLocaleString()} fields translated
+            {t("translations.list.metrics", {
+              translated: (entity.translatedCount ?? 0).toLocaleString(),
+              total: (entity.totalCount ?? 0).toLocaleString(),
+            })}
           </Text>
           <Link
             to={`/settings/translations/edit?reference=${entity.reference}`}

package/src/routes/translations/translation-list/components/translations-completion-section/translations-completion-section.tsx

@@ -25,24 +25,24 @@ export const TranslationsCompletionSection = ({
     <Container className="flex flex-col gap-y-3 px-6 py-4">
       <div className="flex items-center justify-between">
         <Heading>{t("translations.completion.heading")}</Heading>
-        <Text size="small" className="text-ui-fg-subtle">
+        <Text size="small" weight="plus" className="text-ui-fg-subtle">
           {translatedCount.toLocaleString()} {t("general.of")}{" "}
           {totalCount.toLocaleString()}
         </Text>
       </div>
 
-      <div className="flex h-2 w-full overflow-hidden rounded-full">
+      <div className="flex h-3 w-full overflow-hidden">
         {percentage > 0 ? (
           <>
             <div
-              className="mr-0.5 h-full rounded-l-full transition-all"
+              className="mr-0.5 h-full rounded-sm transition-all"
               style={{
                 width: `${percentage}%`,
                 backgroundColor: "var(--bg-interactive)",
               }}
             />
             <div
-              className="h-full flex-1 rounded-r-full"
+              className="h-full flex-1 rounded-sm"
               style={{
                 backgroundColor: "var(--bg-interactive)",
                 opacity: 0.3,
@@ -61,10 +61,10 @@ export const TranslationsCompletionSection = ({
       </div>
 
       <div className="flex items-center justify-between">
-        <Text size="small" className="text-ui-fg-subtle">
+        <Text size="small" weight="plus" className="text-ui-fg-subtle">
           {percentage.toFixed(1)}%
         </Text>
-        <Text size="small" className="text-ui-fg-subtle">
+        <Text size="small" weight="plus" className="text-ui-fg-subtle">
           {remaining.toLocaleString()} {t("general.remaining").toLowerCase()}
         </Text>
       </div>

package/src/routes/translations/translation-list/translation-list.tsx

@@ -60,20 +60,25 @@ export const TranslationList = () => {
       return []
     }
 
-    return Object.entries(translatable_fields).map(([entity, fields]) => {
-      const entityStatistics = statistics[entity]
+    return Object.entries(translatable_fields)
+      .filter(
+        ([entity]) =>
+          !["product_option", "product_option_value"].includes(entity)
+      )
+      .map(([entity, fields]) => {
+        const entityStatistics = statistics[entity]
 
-      return {
-        label: entity
-          .split("_")
-          .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
-          .join(" "),
-        reference: entity,
-        translatableFields: fields,
-        translatedCount: entityStatistics.translated,
-        totalCount: entityStatistics.expected,
-      }
-    })
+        return {
+          label: entity
+            .split("_")
+            .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+            .join(" "),
+          reference: entity,
+          translatableFields: fields,
+          translatedCount: entityStatistics.translated,
+          totalCount: entityStatistics.expected,
+        }
+      })
   }, [translatable_fields, statistics])
 
   const isReady =

package/src/routes/translations/translations-edit/components/translations-edit-form/translations-edit-form.tsx

@@ -233,7 +233,9 @@ function useTranslationsGridColumns({
       columnHelper.column({
         id: "original",
         name: "original",
+        size: 300,
         header: t("general.original"),
+        disableHiding: true,
         cell: (context) => {
           const row = context.row.original
 
@@ -261,6 +263,7 @@ function useTranslationsGridColumns({
         return columnHelper.column({
           id: locale.locale_code,
           name: locale.locale.name,
+          size: 300,
           header: () => locale.locale.name,
           cell: (context) => {
             const row = context.row.original