@medusajs/dashboard 3.0.0-snapshot-20251216135612 → 3.0.0-snapshot-20251216145629

package/dist/{chunk-YKYVCQRS.mjs → chunk-UULAOAFM.mjs}

@@ -9080,7 +9080,9 @@ var en_default = {
   },
   actions: {
     save: "Save",
+    saveChanges: "Save changes",
     saveAsDraft: "Save as draft",
+    saveAndClose: "Save and close",
     copy: "Copy",
     copied: "Copied",
     duplicate: "Duplicate",
@@ -11496,6 +11498,13 @@ var en_default = {
     list: {
       metrics: "{{translated}} of {{total}} fields translated"
     },
+    edit: {
+      successToast: "Translations updated successfully",
+      unsavedChanges: {
+        title: "Unsaved translations",
+        description: "Don't lose your work. You have changes that haven't been saved yet"
+      }
+    },
     bulk: {
       header: "Translations Bulk Editor",
       mainColumn: "Locale"
@@ -11506,7 +11515,10 @@ var en_default = {
       noLocalesTip: "Configure at least one locale to start translating your data"
     },
     completion: {
-      heading: "Translated strings"
+      heading: "Translated fields",
+      translated: "Translated",
+      toTranslate: "To be translated",
+      footer: "Languages"
     }
   },
   store: {
@@ -12377,7 +12389,9 @@ var es_default = {
   },
   actions: {
     save: "Guardar",
+    saveChanges: "Guardar cambios",
     saveAsDraft: "Guardar como borrador",
+    saveAndClose: "Guardar y cerrar",
     copy: "Copiar",
     copied: "Copiado",
     duplicate: "Duplicar",
@@ -14715,13 +14729,23 @@ var es_default = {
       header: "Editor de Traducciones en Masa",
       locale: "Idioma"
     },
+    edit: {
+      successToast: "Traducciones actualizadas exitosamente",
+      unsavedChanges: {
+        title: "Traducciones sin guardar",
+        description: "No pierdas tu trabajo. Tienes cambios que no han sido guardados a\xFAn"
+      }
+    },
     activeLocales: {
       heading: "Idiomas",
       subtitle: "Traducciones activas",
       noLocalesTip: "Configura al menos un idioma para empezar a traducir tu informaci\xF3n"
     },
     completion: {
-      heading: "Textos traducidos"
+      heading: "Textos traducidos",
+      translated: "Traducidos",
+      toTranslate: "Por traducir",
+      footer: "Idiomas"
     }
   },
   store: {
@@ -95864,7 +95888,7 @@ function getRouteMap({
                   children: [
                     {
                       path: "create",
-                      lazy: () => import("./product-create-K6EWZHIT.mjs")
+                      lazy: () => import("./product-create-7YTRHZQQ.mjs")
                     },
                     {
                       path: "import",
@@ -95880,7 +95904,7 @@ function getRouteMap({
                   path: ":id",
                   errorElement: /* @__PURE__ */ jsx17(ErrorBoundary, {}),
                   lazy: async () => {
-                    const { Breadcrumb, loader } = await import("./product-detail-DKPZDEIY.mjs");
+                    const { Breadcrumb, loader } = await import("./product-detail-32ZXNWOP.mjs");
                     return {
                       Component: Outlet4,
                       loader,
@@ -95892,11 +95916,11 @@ function getRouteMap({
                   children: [
                     {
                       path: "",
-                      lazy: () => import("./product-detail-DKPZDEIY.mjs"),
+                      lazy: () => import("./product-detail-32ZXNWOP.mjs"),
                       children: [
                         {
                           path: "edit",
-                          lazy: () => import("./product-edit-55YXTIGO.mjs")
+                          lazy: () => import("./product-edit-FBAKONMR.mjs")
                         },
                         {
                           path: "edit-variant",
@@ -95908,11 +95932,11 @@ function getRouteMap({
                         },
                         {
                           path: "attributes",
-                          lazy: () => import("./product-attributes-EFIRUBRO.mjs")
+                          lazy: () => import("./product-attributes-K4FGFORS.mjs")
                         },
                         {
                           path: "organization",
-                          lazy: () => import("./product-organization-N3VBRXF4.mjs")
+                          lazy: () => import("./product-organization-IUSVX22S.mjs")
                         },
                         {
                           path: "shipping-profile",
@@ -97253,11 +97277,11 @@ function getRouteMap({
               children: [
                 {
                   path: "",
-                  lazy: () => import("./translation-list-S5Z6PG2R.mjs")
+                  lazy: () => import("./translation-list-UF7FLXOW.mjs")
                 },
                 {
                   path: "edit",
-                  lazy: () => import("./translations-edit-HUNKY7CO.mjs")
+                  lazy: () => import("./translations-edit-KECSHYZY.mjs")
                 }
               ]
             },

package/dist/en.json

@@ -101,7 +101,9 @@
   },
   "actions": {
     "save": "Save",
+    "saveChanges": "Save changes",
     "saveAsDraft": "Save as draft",
+    "saveAndClose": "Save and close",
     "copy": "Copy",
     "copied": "Copied",
     "duplicate": "Duplicate",
@@ -2517,6 +2519,13 @@
     "list": {
       "metrics": "{{translated}} of {{total}} fields translated"
     },
+    "edit": {
+      "successToast": "Translations updated successfully",
+      "unsavedChanges": {
+        "title": "Unsaved translations",
+        "description": "Don't lose your work. You have changes that haven't been saved yet"
+      }
+    },
     "bulk": {
       "header": "Translations Bulk Editor",
       "mainColumn": "Locale"
@@ -2527,7 +2536,10 @@
       "noLocalesTip": "Configure at least one locale to start translating your data"
     },
     "completion": {
-      "heading": "Translated strings"
+      "heading": "Translated fields",
+      "translated": "Translated",
+      "toTranslate": "To be translated",
+      "footer": "Languages"
     }
   },
   "store": {

package/dist/{product-attributes-EFIRUBRO.mjs → product-attributes-K4FGFORS.mjs}

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

package/dist/{product-create-K6EWZHIT.mjs → product-create-7YTRHZQQ.mjs}

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

package/dist/{product-detail-DKPZDEIY.mjs → product-detail-32ZXNWOP.mjs}

@@ -27,7 +27,7 @@ import {
 import "./chunk-DFFLVEZ5.mjs";
 import {
   getLinkedFields
-} from "./chunk-YKYVCQRS.mjs";
+} from "./chunk-UULAOAFM.mjs";
 import "./chunk-2SSUH2HJ.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";

package/dist/{product-edit-55YXTIGO.mjs → product-edit-FBAKONMR.mjs}

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

package/dist/{product-organization-N3VBRXF4.mjs → product-organization-IUSVX22S.mjs}

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

package/dist/{translation-list-S5Z6PG2R.mjs → translation-list-UF7FLXOW.mjs}

@@ -121,13 +121,16 @@ 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 { Container as Container3, Heading as Heading2, Text as Text3, Tooltip } from "@medusajs/ui";
+import { useMemo, useState } from "react";
 import { useTranslation as useTranslation3 } from "react-i18next";
 import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var TranslationsCompletionSection = ({
-  statistics
+  statistics,
+  locales
 }) => {
   const { t } = useTranslation3();
+  const [hoveredLocale, setHoveredLocale] = useState(null);
   const { translatedCount, totalCount } = Object.values(statistics).reduce(
     (acc, curr) => ({
       translatedCount: acc.translatedCount + curr.translated,
@@ -137,6 +140,39 @@ var TranslationsCompletionSection = ({
   );
   const percentage = totalCount > 0 ? translatedCount / totalCount * 100 : 0;
   const remaining = Math.max(0, totalCount - translatedCount);
+  const localeStats = useMemo(() => {
+    const localeMap = /* @__PURE__ */ new Map();
+    locales.forEach((locale) => {
+      localeMap.set(locale.code, { translated: 0, expected: 0 });
+    });
+    Object.values(statistics).forEach((entityStats) => {
+      if (entityStats.by_locale) {
+        Object.entries(entityStats.by_locale).forEach(
+          ([localeCode, localeData]) => {
+            const existing = localeMap.get(localeCode);
+            if (existing) {
+              existing.translated += localeData.translated;
+              existing.expected += localeData.expected;
+            }
+          }
+        );
+      }
+    });
+    return locales.map((locale) => {
+      const stats = localeMap.get(locale.code) || { translated: 0, expected: 0 };
+      return {
+        code: locale.code,
+        name: locale.name,
+        translated: stats.translated,
+        toTranslate: Math.max(0, stats.expected - stats.translated),
+        total: stats.expected
+      };
+    });
+  }, [statistics, locales]);
+  const maxTotal = useMemo(
+    () => Math.max(...localeStats.map((s) => s.total), 1),
+    [localeStats]
+  );
   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") }),
@@ -189,12 +225,114 @@ var TranslationsCompletionSection = ({
         " ",
         t("general.remaining").toLowerCase()
       ] })
+    ] }),
+    localeStats.length > 0 && /* @__PURE__ */ jsxs3("div", { className: "mt-4 flex flex-col gap-y-2", children: [
+      /* @__PURE__ */ jsx3("div", { className: "flex h-32 w-full items-end gap-1", children: localeStats.map((locale) => {
+        const heightPercent = locale.total / maxTotal * 100;
+        const translatedPercent = locale.total > 0 ? locale.translated / locale.total * 100 : 0;
+        return /* @__PURE__ */ jsx3(
+          Tooltip,
+          {
+            open: hoveredLocale === locale.code,
+            content: /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-y-1 p-1", children: [
+              /* @__PURE__ */ jsx3(Text3, { size: "small", weight: "plus", children: locale.name }),
+              /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-2", children: [
+                  /* @__PURE__ */ jsx3(
+                    "div",
+                    {
+                      className: "h-2 w-2 rounded-full",
+                      style: { backgroundColor: "var(--bg-interactive)" }
+                    }
+                  ),
+                  /* @__PURE__ */ jsx3(
+                    Text3,
+                    {
+                      size: "small",
+                      weight: "plus",
+                      className: "text-ui-fg-subtle",
+                      children: t("translations.completion.translated")
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx3(Text3, { size: "small", weight: "plus", children: locale.translated })
+              ] }),
+              /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-2", children: [
+                /* @__PURE__ */ jsx3(
+                  "div",
+                  {
+                    className: "h-2 w-2 rounded-full",
+                    style: {
+                      backgroundColor: "var(--bg-interactive)",
+                      opacity: 0.3
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsx3(
+                  Text3,
+                  {
+                    size: "small",
+                    weight: "plus",
+                    className: "text-ui-fg-subtle",
+                    children: t("translations.completion.toTranslate")
+                  }
+                ),
+                /* @__PURE__ */ jsx3(Text3, { size: "small", weight: "plus", children: locale.toTranslate })
+              ] })
+            ] }),
+            children: /* @__PURE__ */ jsxs3(
+              "div",
+              {
+                className: "flex min-w-2 flex-1 cursor-pointer flex-col justify-end overflow-hidden rounded-t-sm transition-opacity",
+                style: { height: `${heightPercent}%` },
+                onMouseEnter: () => setHoveredLocale(locale.code),
+                onMouseLeave: () => setHoveredLocale(null),
+                children: [
+                  /* @__PURE__ */ jsx3(
+                    "div",
+                    {
+                      className: "w-full rounded-t-sm",
+                      style: {
+                        height: `${100 - translatedPercent}%`,
+                        backgroundColor: "var(--bg-interactive)",
+                        opacity: 0.3,
+                        minHeight: locale.toTranslate > 0 ? "2px" : "0"
+                      }
+                    }
+                  ),
+                  translatedPercent > 0 && /* @__PURE__ */ jsx3(
+                    "div",
+                    {
+                      className: "mt-0.5 w-full rounded-sm",
+                      style: {
+                        height: `${translatedPercent}%`,
+                        backgroundColor: "var(--bg-interactive)",
+                        minHeight: locale.translated > 0 ? "2px" : "0"
+                      }
+                    }
+                  )
+                ]
+              }
+            )
+          },
+          locale.code
+        );
+      }) }),
+      /* @__PURE__ */ jsx3(
+        Text3,
+        {
+          size: "small",
+          weight: "plus",
+          className: "text-ui-fg-muted text-center",
+          children: t("translations.completion.footer")
+        }
+      )
     ] })
   ] });
 };
 
 // src/routes/translations/translation-list/translation-list.tsx
-import { useMemo } from "react";
+import { useMemo as useMemo2 } from "react";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var TranslationList = () => {
   const { t } = useTranslation4();
@@ -225,7 +363,7 @@ var TranslationList = () => {
     throw error || translationSettingsError || translationStatisticsError;
   }
   const hasLocales = (store?.supported_locales ?? []).length > 0;
-  const translatableEntities = useMemo(() => {
+  const translatableEntities = useMemo2(() => {
     if (!translatable_fields) {
       return [];
     }
@@ -284,7 +422,15 @@ var TranslationList = () => {
               ) ?? []
             }
           ),
-          /* @__PURE__ */ jsx4(TranslationsCompletionSection, { statistics: statistics ?? {} })
+          /* @__PURE__ */ jsx4(
+            TranslationsCompletionSection,
+            {
+              statistics: statistics ?? {},
+              locales: store?.supported_locales?.map(
+                (supportedLocale) => supportedLocale.locale
+              ) ?? []
+            }
+          )
         ] })
       ]
     }

package/dist/{translations-edit-HUNKY7CO.mjs → translations-edit-KECSHYZY.mjs}

@@ -324,7 +324,7 @@ var TranslationsEditForm = ({
     const calculateColumnWidth = () => {
       if (containerRef.current) {
         const containerWidth = containerRef.current.offsetWidth;
-        const availableWidth = containerWidth - FIELD_COLUMN_WIDTH - 12;
+        const availableWidth = containerWidth - FIELD_COLUMN_WIDTH - 16;
         const columnWidth = Math.max(300, Math.floor(availableWidth / 2));
         setDynamicColumnWidth(columnWidth);
       }
@@ -458,11 +458,7 @@ var TranslationsEditForm = ({
     async (closeOnSuccess = false) => {
       const success = await saveCurrentLocale();
       if (success) {
-        toast.success(
-          t("translations.edit.successToast", {
-            defaultValue: "Translations updated successfully"
-          })
-        );
+        toast.success(t("translations.edit.successToast"));
         if (closeOnSuccess) {
           handleSuccess();
         }
@@ -477,9 +473,6 @@ var TranslationsEditForm = ({
       entityType
     );
     if (payload.create.length === 0 && payload.update.length === 0 && payload.delete.length === 0) {
-      toast.info(
-        t("translations.noChanges", { defaultValue: "No changes to save" })
-      );
       return;
     }
     const BATCH_SIZE = 150;
@@ -585,7 +578,7 @@ var TranslationsEditForm = ({
                 variant: "secondary",
                 onClick: () => handleSave(false),
                 isLoading: isPending,
-                children: t("actions.saveChanges", { defaultValue: "Save changes" })
+                children: t("actions.saveChanges")
               }
             ),
             /* @__PURE__ */ jsx(
@@ -595,7 +588,7 @@ var TranslationsEditForm = ({
                 type: "button",
                 onClick: () => handleSave(true),
                 isLoading: isPending,
-                children: t("actions.saveAndClose", { defaultValue: "Save and close" })
+                children: t("actions.saveAndClose")
               }
             )
           ] }) })
@@ -604,12 +597,8 @@ var TranslationsEditForm = ({
     ),
     /* @__PURE__ */ jsx(Prompt, { open: showUnsavedPrompt, variant: "confirmation", children: /* @__PURE__ */ jsxs(Prompt.Content, { children: [
       /* @__PURE__ */ jsxs(Prompt.Header, { children: [
-        /* @__PURE__ */ jsx(Prompt.Title, { children: t("translations.unsavedChanges.title", {
-          defaultValue: "Unsaved changes"
-        }) }),
-        /* @__PURE__ */ jsx(Prompt.Description, { children: t("translations.unsavedChanges.description", {
-          defaultValue: "You have unsaved changes for this locale. Save them before switching?"
-        }) })
+        /* @__PURE__ */ jsx(Prompt.Title, { children: t("translations.edit.unsavedChanges.title") }),
+        /* @__PURE__ */ jsx(Prompt.Description, { children: t("translations.edit.unsavedChanges.description") })
       ] }),
       /* @__PURE__ */ jsxs(Prompt.Footer, { children: [
         /* @__PURE__ */ jsx(
@@ -629,7 +618,7 @@ var TranslationsEditForm = ({
             onClick: handleSaveAndSwitch,
             type: "button",
             isLoading: isPending,
-            children: t("actions.saveChanges", { defaultValue: "Save changes" })
+            children: t("actions.saveChanges")
           }
         )
       ] })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medusajs/dashboard",
-  "version": "3.0.0-snapshot-20251216135612",
+  "version": "3.0.0-snapshot-20251216145629",
   "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-20251216135612",
-    "@medusajs/icons": "3.0.0-snapshot-20251216135612",
-    "@medusajs/js-sdk": "3.0.0-snapshot-20251216135612",
-    "@medusajs/ui": "4.0.31-snapshot-20251216135612",
+    "@medusajs/admin-shared": "3.0.0-snapshot-20251216145629",
+    "@medusajs/icons": "3.0.0-snapshot-20251216145629",
+    "@medusajs/js-sdk": "3.0.0-snapshot-20251216145629",
+    "@medusajs/ui": "4.0.31-snapshot-20251216145629",
     "@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-20251216135612",
-    "@medusajs/admin-vite-plugin": "3.0.0-snapshot-20251216135612",
-    "@medusajs/types": "3.0.0-snapshot-20251216135612",
-    "@medusajs/ui-preset": "3.0.0-snapshot-20251216135612"
+    "@medusajs/admin-shared": "3.0.0-snapshot-20251216145629",
+    "@medusajs/admin-vite-plugin": "3.0.0-snapshot-20251216145629",
+    "@medusajs/types": "3.0.0-snapshot-20251216145629",
+    "@medusajs/ui-preset": "3.0.0-snapshot-20251216145629"
   },
   "packageManager": "yarn@3.2.1"
 }

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

@@ -389,6 +389,12 @@
         "save": {
           "type": "string"
         },
+        "saveChanges": {
+          "type": "string"
+        },
+        "saveAndClose": {
+          "type": "string"
+        },
         "saveAsDraft": {
           "type": "string"
         },
@@ -521,7 +527,9 @@
       },
       "required": [
         "save",
+        "saveChanges",
         "saveAsDraft",
+        "saveAndClose",
         "copy",
         "copied",
         "duplicate",
@@ -9366,6 +9374,27 @@
           },
           "required": ["manageLocales", "manage"]
         },
+        "edit": {
+          "type": "object",
+          "properties": {
+            "successToast": {
+              "type": "string"
+            },
+            "unsavedChanges": {
+              "type": "object",
+              "properties": {
+                "title": {
+                  "type": "string"
+                },
+                "description": {
+                  "type": "string"
+                }
+              },
+              "required": ["title", "description"]
+            }
+          },
+          "required": ["successToast", "unsavedChanges"]
+        },
         "bulk": {
           "type": "object",
           "properties": {
@@ -9398,12 +9427,28 @@
           "properties": {
             "heading": {
               "type": "string"
+            },
+            "translated": {
+              "type": "string"
+            },
+            "toTranslate": {
+              "type": "string"
+            },
+            "footer": {
+              "type": "string"
             }
           },
-          "required": ["heading"]
+          "required": ["heading", "translated", "toTranslate", "footer"]
         }
       },
-      "required": ["domain", "actions", "subtitle", "bulk", "completion"]
+      "required": [
+        "domain",
+        "actions",
+        "subtitle",
+        "bulk",
+        "completion",
+        "edit"
+      ]
     },
     "store": {
       "type": "object",

package/src/i18n/translations/en.json

@@ -101,7 +101,9 @@
   },
   "actions": {
     "save": "Save",
+    "saveChanges": "Save changes",
     "saveAsDraft": "Save as draft",
+    "saveAndClose": "Save and close",
     "copy": "Copy",
     "copied": "Copied",
     "duplicate": "Duplicate",
@@ -2517,6 +2519,13 @@
     "list": {
       "metrics": "{{translated}} of {{total}} fields translated"
     },
+    "edit": {
+      "successToast": "Translations updated successfully",
+      "unsavedChanges": {
+        "title": "Unsaved translations",
+        "description": "Don't lose your work. You have changes that haven't been saved yet"
+      }
+    },
     "bulk": {
       "header": "Translations Bulk Editor",
       "mainColumn": "Locale"
@@ -2527,7 +2536,10 @@
       "noLocalesTip": "Configure at least one locale to start translating your data"
     },
     "completion": {
-      "heading": "Translated strings"
+      "heading": "Translated fields",
+      "translated": "Translated",
+      "toTranslate": "To be translated",
+      "footer": "Languages"
     }
   },
   "store": {