@medusajs/dashboard 2.12.3-preview-20251217123836 → 2.12.3-snapshot-20251216185234

package/dist/{tax-region-detail-PPIMD7OX.mjs → tax-region-detail-2AE2EFI3.mjs}

@@ -2,9 +2,9 @@ import {
   TaxOverrideTable,
   TaxRateLine,
   useTaxOverrideTable
-} from "./chunk-5F427YCP.mjs";
-import "./chunk-UMCJYHAD.mjs";
-import "./chunk-HNJ65IND.mjs";
+} from "./chunk-OL24RDYM.mjs";
+import "./chunk-CVHJAKLQ.mjs";
+import "./chunk-WYATCUOM.mjs";
 import {
   TaxRegionTable,
   useTaxRegionTable
@@ -67,7 +67,7 @@ import "./chunk-WRSGHGAT.mjs";
 import "./chunk-MOSRJHJ3.mjs";
 import "./chunk-OMC5JCQH.mjs";
 import "./chunk-IW4TACOD.mjs";
-import "./chunk-DTCIBQO2.mjs";
+import "./chunk-YYOPBKME.mjs";
 import "./chunk-R65S6ZZV.mjs";
 import "./chunk-ZQJPHZKI.mjs";
 import "./chunk-KIIT4BNH.mjs";
@@ -98,7 +98,7 @@ import "./chunk-OC7BQLYI.mjs";
 import "./chunk-S4DMV3ZT.mjs";
 import "./chunk-535OVBXR.mjs";
 import "./chunk-OBQI23QM.mjs";
-import "./chunk-GLBHPDR4.mjs";
+import "./chunk-GRZSG4EP.mjs";
 import "./chunk-I4OBEAOJ.mjs";
 import {
   useTaxRates

package/dist/{tax-region-edit-ELZKA7YH.mjs → tax-region-edit-EEVEEU2Q.mjs}

@@ -20,7 +20,7 @@ import {
 import {
   Form
 } from "./chunk-OBQI23QM.mjs";
-import "./chunk-GLBHPDR4.mjs";
+import "./chunk-GRZSG4EP.mjs";
 import "./chunk-I4OBEAOJ.mjs";
 import "./chunk-HI6URQ7H.mjs";
 import {

package/dist/{tax-region-province-detail-FV2NDT3E.mjs → tax-region-province-detail-4ERSEQFF.mjs}

@@ -2,9 +2,9 @@ import {
   TaxOverrideTable,
   TaxRateLine,
   useTaxOverrideTable
-} from "./chunk-5F427YCP.mjs";
-import "./chunk-UMCJYHAD.mjs";
-import "./chunk-HNJ65IND.mjs";
+} from "./chunk-OL24RDYM.mjs";
+import "./chunk-CVHJAKLQ.mjs";
+import "./chunk-WYATCUOM.mjs";
 import {
   TaxRegionCard
 } from "./chunk-S22SJRPO.mjs";
@@ -60,7 +60,7 @@ import "./chunk-WRSGHGAT.mjs";
 import "./chunk-MOSRJHJ3.mjs";
 import "./chunk-OMC5JCQH.mjs";
 import "./chunk-IW4TACOD.mjs";
-import "./chunk-DTCIBQO2.mjs";
+import "./chunk-YYOPBKME.mjs";
 import "./chunk-R65S6ZZV.mjs";
 import "./chunk-ZQJPHZKI.mjs";
 import "./chunk-KIIT4BNH.mjs";
@@ -87,7 +87,7 @@ import "./chunk-OC7BQLYI.mjs";
 import "./chunk-S4DMV3ZT.mjs";
 import "./chunk-535OVBXR.mjs";
 import "./chunk-OBQI23QM.mjs";
-import "./chunk-GLBHPDR4.mjs";
+import "./chunk-GRZSG4EP.mjs";
 import "./chunk-I4OBEAOJ.mjs";
 import {
   useTaxRates

package/dist/{tax-region-tax-override-create-N572MQPZ.mjs → tax-region-tax-override-create-PHCGEF7V.mjs}

@@ -3,7 +3,7 @@ import {
   TargetItem,
   TaxRateRuleReferenceSchema,
   createTaxRulePayload
-} from "./chunk-HNJ65IND.mjs";
+} from "./chunk-WYATCUOM.mjs";
 import "./chunk-PA3T6IWL.mjs";
 import "./chunk-QOCJPBRB.mjs";
 import "./chunk-QMRGIWOP.mjs";
@@ -51,7 +51,7 @@ import "./chunk-WRSGHGAT.mjs";
 import "./chunk-MOSRJHJ3.mjs";
 import "./chunk-OMC5JCQH.mjs";
 import "./chunk-IW4TACOD.mjs";
-import "./chunk-DTCIBQO2.mjs";
+import "./chunk-YYOPBKME.mjs";
 import "./chunk-R65S6ZZV.mjs";
 import "./chunk-ZQJPHZKI.mjs";
 import "./chunk-C76H5USB.mjs";
@@ -82,7 +82,7 @@ import "./chunk-535OVBXR.mjs";
 import {
   Form
 } from "./chunk-OBQI23QM.mjs";
-import "./chunk-GLBHPDR4.mjs";
+import "./chunk-GRZSG4EP.mjs";
 import "./chunk-I4OBEAOJ.mjs";
 import {
   useCreateTaxRate

package/dist/{tax-region-tax-override-edit-5DCSJW6D.mjs → tax-region-tax-override-edit-SMRPSILC.mjs}

@@ -1,8 +1,8 @@
 import {
   DISPLAY_OVERRIDE_ITEMS_LIMIT,
   TaxRegionTaxOverrideEditForm
-} from "./chunk-UMCJYHAD.mjs";
-import "./chunk-HNJ65IND.mjs";
+} from "./chunk-CVHJAKLQ.mjs";
+import "./chunk-WYATCUOM.mjs";
 import "./chunk-PA3T6IWL.mjs";
 import "./chunk-QOCJPBRB.mjs";
 import "./chunk-QMRGIWOP.mjs";
@@ -48,7 +48,7 @@ import "./chunk-WRSGHGAT.mjs";
 import "./chunk-MOSRJHJ3.mjs";
 import "./chunk-OMC5JCQH.mjs";
 import "./chunk-IW4TACOD.mjs";
-import "./chunk-DTCIBQO2.mjs";
+import "./chunk-YYOPBKME.mjs";
 import "./chunk-R65S6ZZV.mjs";
 import "./chunk-ZQJPHZKI.mjs";
 import "./chunk-C76H5USB.mjs";
@@ -67,7 +67,7 @@ import "./chunk-OC7BQLYI.mjs";
 import "./chunk-S4DMV3ZT.mjs";
 import "./chunk-535OVBXR.mjs";
 import "./chunk-OBQI23QM.mjs";
-import "./chunk-GLBHPDR4.mjs";
+import "./chunk-GRZSG4EP.mjs";
 import "./chunk-I4OBEAOJ.mjs";
 import {
   useTaxRate

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

@@ -10,7 +10,7 @@ import {
 import {
   useTranslationSettings,
   useTranslationStatistics
-} from "./chunk-GLBHPDR4.mjs";
+} from "./chunk-GRZSG4EP.mjs";
 import "./chunk-I4OBEAOJ.mjs";
 import "./chunk-HI6URQ7H.mjs";
 import "./chunk-6CLQKVAU.mjs";
@@ -51,16 +51,9 @@ 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";
-import {
-  Container,
-  Heading,
-  IconButton,
-  InlineTip,
-  Text,
-  Tooltip
-} from "@medusajs/ui";
+import { Container, Heading, IconButton, InlineTip, Text } from "@medusajs/ui";
 import { useTranslation } from "react-i18next";
-import { useCallback, useState } from "react";
+import { useCallback } from "react";
 import { useNavigate } from "react-router-dom";
 import { jsx, jsxs } from "react/jsx-runtime";
 var ActiveLocalesSection = ({
@@ -68,9 +61,8 @@ var ActiveLocalesSection = ({
 }) => {
   const { t } = useTranslation();
   const navigate = useNavigate();
-  const [isHovered, setIsHovered] = useState(false);
   const handleManageLocales = useCallback(() => {
-    navigate("/settings/translations/add-locales");
+    navigate("/settings/store/locales");
   }, [navigate]);
   const renderLocales = useCallback(() => {
     const maxLocalesToDetail = 2;
@@ -82,31 +74,16 @@ var ActiveLocalesSection = ({
   const hasLocales = locales.length > 0;
   return /* @__PURE__ */ jsxs(Container, { className: "flex flex-col p-0", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx(Heading, { level: "h2", children: t("translations.activeLocales.heading") }),
+      /* @__PURE__ */ jsx(Heading, { children: t("translations.activeLocales.heading") }),
       /* @__PURE__ */ jsx(IconButton, { variant: "transparent", onClick: handleManageLocales, children: /* @__PURE__ */ jsx(PencilSquare, {}) })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "px-1 pb-1", children: hasLocales ? /* @__PURE__ */ jsx(
-      Tooltip,
-      {
-        open: isHovered,
-        content: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-1 p-1", children: locales.map((locale) => /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", children: locale.name }, locale.code)) }),
-        children: /* @__PURE__ */ jsxs(
-          Container,
-          {
-            className: "bg-ui-bg-component border-r-1 flex items-center gap-x-4 px-[19px] py-2",
-            onMouseEnter: () => setIsHovered(true),
-            onMouseLeave: () => setIsHovered(false),
-            children: [
-              /* @__PURE__ */ jsx(IconAvatar, { className: "border-ui-border-base border", children: /* @__PURE__ */ jsx(Language, {}) }),
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", children: t("translations.activeLocales.subtitle") }),
-                /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", size: "small", children: renderLocales() })
-              ] })
-            ]
-          }
-        )
-      }
-    ) : /* @__PURE__ */ jsx(InlineTip, { label: "Tip", children: t("translations.activeLocales.noLocalesTip") }) })
+    /* @__PURE__ */ jsx("div", { className: "px-1 pb-1", children: hasLocales ? /* @__PURE__ */ jsxs(Container, { className: "bg-ui-bg-component flex items-center gap-x-4 px-6 py-2", children: [
+      /* @__PURE__ */ jsx(IconAvatar, { children: /* @__PURE__ */ jsx(Language, {}) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", children: t("translations.activeLocales.subtitle") }),
+        /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", size: "small", children: renderLocales() })
+      ] })
+    ] }) : /* @__PURE__ */ jsx(InlineTip, { label: "Tip", children: t("translations.activeLocales.noLocalesTip") }) })
   ] });
 };
 
@@ -134,15 +111,7 @@ var TranslationListSection = ({
           Link,
           {
             to: `/settings/translations/edit?reference=${entity.reference}`,
-            children: /* @__PURE__ */ jsx2(
-              Button,
-              {
-                variant: "secondary",
-                size: "small",
-                disabled: !hasLocales || !entity.totalCount,
-                children: "Edit"
-              }
-            )
+            children: /* @__PURE__ */ jsx2(Button, { variant: "secondary", size: "small", disabled: !hasLocales, children: "Edit" })
           }
         )
       ]
@@ -152,8 +121,8 @@ var TranslationListSection = ({
 };
 
 // src/routes/translations/translation-list/components/translations-completion-section/translations-completion-section.tsx
-import { Container as Container3, Divider, Heading as Heading2, Text as Text3, Tooltip as Tooltip2 } from "@medusajs/ui";
-import { useMemo, useState as useState2 } from "react";
+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 = ({
@@ -161,7 +130,7 @@ var TranslationsCompletionSection = ({
   locales
 }) => {
   const { t } = useTranslation3();
-  const [hoveredLocale, setHoveredLocale] = useState2(null);
+  const [hoveredLocale, setHoveredLocale] = useState(null);
   const { translatedCount, totalCount } = Object.values(statistics).reduce(
     (acc, curr) => ({
       translatedCount: acc.translatedCount + curr.translated,
@@ -204,215 +173,160 @@ var TranslationsCompletionSection = ({
     () => Math.max(...localeStats.map((s) => s.total), 1),
     [localeStats]
   );
-  const localeStatsCount = useMemo(() => localeStats.length, [localeStats]);
-  return /* @__PURE__ */ jsxs3(Container3, { className: "p-0", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-y-4 px-6 py-4", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx3(Heading2, { level: "h2", children: t("translations.completion.heading") }),
-        /* @__PURE__ */ jsxs3(Text3, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: [
-          translatedCount.toLocaleString(),
-          " ",
-          t("general.of"),
-          " ",
-          totalCount.toLocaleString()
-        ] })
-      ] }),
-      /* @__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-sm transition-all",
-            style: {
-              width: `${percentage}%`,
-              backgroundColor: "var(--tag-blue-icon)",
-              boxShadow: "inset 0 0 0 0.5px var(--alpha-250)"
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx3(
-          "div",
-          {
-            className: "h-full flex-1 rounded-sm",
-            style: {
-              backgroundColor: "var(--tag-blue-border)",
-              boxShadow: "inset 0 0 0 0.5px var(--alpha-250)"
-            }
+  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", weight: "plus", className: "text-ui-fg-subtle", children: [
+        translatedCount.toLocaleString(),
+        " ",
+        t("general.of"),
+        " ",
+        totalCount.toLocaleString()
+      ] })
+    ] }),
+    /* @__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-sm transition-all",
+          style: {
+            width: `${percentage}%`,
+            backgroundColor: "var(--bg-interactive)"
           }
-        )
-      ] }) : /* @__PURE__ */ jsx3(
+        }
+      ),
+      /* @__PURE__ */ jsx3(
         "div",
         {
-          className: "h-full w-full rounded-sm",
+          className: "h-full flex-1 rounded-sm",
           style: {
-            backgroundColor: "var(--tag-blue-border)",
-            boxShadow: "inset 0 0 0 0.5px var(--alpha-250)"
+            backgroundColor: "var(--bg-interactive)",
+            opacity: 0.3
           }
         }
-      ) }),
-      /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxs3(Text3, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: [
-          percentage.toFixed(1),
-          "%"
-        ] }),
-        /* @__PURE__ */ jsxs3(Text3, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: [
-          remaining.toLocaleString(),
-          " ",
-          t("general.remaining").toLowerCase()
-        ] })
+      )
+    ] }) : /* @__PURE__ */ jsx3(
+      "div",
+      {
+        className: "h-full w-full rounded-full",
+        style: {
+          backgroundColor: "var(--bg-interactive)",
+          opacity: 0.3
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs3(Text3, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: [
+        percentage.toFixed(1),
+        "%"
+      ] }),
+      /* @__PURE__ */ jsxs3(Text3, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: [
+        remaining.toLocaleString(),
+        " ",
+        t("general.remaining").toLowerCase()
       ] })
     ] }),
-    localeStats.length > 0 && /* @__PURE__ */ jsxs3(Fragment, { children: [
-      /* @__PURE__ */ jsx3(Divider, { variant: "dashed" }),
-      /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-y-3 px-6 pb-6 pt-4", 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(
-            Tooltip2,
-            {
-              open: hoveredLocale === locale.code,
-              content: /* @__PURE__ */ jsxs3("div", { className: "flex min-w-[150px] 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(--tag-blue-icon)",
-                          boxShadow: "inset 0 0 0 0.5px var(--alpha-250)"
-                        }
-                      }
-                    ),
-                    /* @__PURE__ */ jsx3(
-                      Text3,
-                      {
-                        size: "small",
-                        weight: "plus",
-                        className: "text-ui-fg-base",
-                        children: t("translations.completion.translated")
-                      }
-                    )
-                  ] }),
+    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(
-                    Text3,
+                    "div",
                     {
-                      size: "small",
-                      weight: "plus",
-                      className: "text-ui-fg-base",
-                      children: locale.translated
+                      className: "h-2 w-2 rounded-full",
+                      style: { backgroundColor: "var(--bg-interactive)" }
                     }
-                  )
-                ] }),
-                /* @__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(--tag-blue-border)",
-                          boxShadow: "inset 0 0 0 0.5px var(--alpha-250)"
-                        }
-                      }
-                    ),
-                    /* @__PURE__ */ jsx3(
-                      Text3,
-                      {
-                        size: "small",
-                        weight: "plus",
-                        className: "text-ui-fg-base",
-                        children: t("translations.completion.toTranslate")
-                      }
-                    )
-                  ] }),
+                  ),
                   /* @__PURE__ */ jsx3(
                     Text3,
                     {
                       size: "small",
                       weight: "plus",
-                      className: "text-ui-fg-base",
-                      children: locale.toTranslate
+                      className: "text-ui-fg-subtle",
+                      children: t("translations.completion.translated")
                     }
                   )
-                ] })
+                ] }),
+                /* @__PURE__ */ jsx3(Text3, { size: "small", weight: "plus", children: locale.translated })
               ] }),
-              children: /* @__PURE__ */ jsx3("div", { className: "flex h-full flex-1 items-end justify-center", children: /* @__PURE__ */ jsx3(
-                "div",
-                {
-                  className: "flex w-full min-w-2 max-w-[96px] flex-col justify-end overflow-hidden rounded-t-sm transition-opacity",
-                  style: { height: `${heightPercent}%` },
-                  onMouseEnter: () => setHoveredLocale(locale.code),
-                  onMouseLeave: () => setHoveredLocale(null),
-                  children: translatedPercent === 0 ? /* @__PURE__ */ jsx3(
+              /* @__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-sm",
+                      className: "w-full rounded-t-sm",
                       style: {
-                        height: "100%",
-                        backgroundColor: "var(--tag-neutral-bg)",
-                        boxShadow: "inset 0 0 0 0.5px var(--alpha-250)"
+                        height: `${100 - translatedPercent}%`,
+                        backgroundColor: "var(--bg-interactive)",
+                        opacity: 0.3,
+                        minHeight: locale.toTranslate > 0 ? "2px" : "0"
                       }
                     }
-                  ) : /* @__PURE__ */ jsxs3(Fragment, { children: [
-                    /* @__PURE__ */ jsx3(
-                      "div",
-                      {
-                        className: "w-full rounded-sm",
-                        style: {
-                          height: `${100 - translatedPercent}%`,
-                          backgroundColor: "var(--tag-blue-border)",
-                          boxShadow: "inset 0 0 0 0.5px var(--alpha-250)",
-                          minHeight: locale.toTranslate > 0 ? "2px" : "0"
-                        }
-                      }
-                    ),
-                    translatedPercent > 0 && /* @__PURE__ */ jsx3(
-                      "div",
-                      {
-                        className: "mt-0.5 w-full rounded-sm",
-                        style: {
-                          height: `${translatedPercent}%`,
-                          backgroundColor: "var(--tag-blue-icon)",
-                          boxShadow: "inset 0 0 0 0.5px var(--alpha-250)",
-                          minHeight: locale.translated > 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
-          );
-        }) }),
-        localeStatsCount < 9 && /* @__PURE__ */ jsx3("div", { className: "flex w-full gap-1", children: localeStats.map((locale) => /* @__PURE__ */ jsx3(
-          "div",
-          {
-            className: "flex flex-1 items-center justify-center",
-            children: /* @__PURE__ */ jsx3(
-              Text3,
-              {
-                size: "xsmall",
-                weight: "plus",
-                className: "text-ui-fg-subtle min-w-2 whitespace-normal break-words text-center leading-tight",
-                children: localeStatsCount < 6 ? locale.name : locale.code
+                    }
+                  )
+                ]
               }
             )
           },
           locale.code
-        )) }),
-        localeStatsCount > 9 && /* @__PURE__ */ jsx3(
-          Text3,
-          {
-            weight: "plus",
-            size: "xsmall",
-            className: "text-ui-fg-subtle text-center",
-            children: t("translations.completion.footer")
-          }
-        )
-      ] })
+        );
+      }) }),
+      /* @__PURE__ */ jsx3(
+        Text3,
+        {
+          size: "small",
+          weight: "plus",
+          className: "text-ui-fg-muted text-center",
+          children: t("translations.completion.footer")
+        }
+      )
     ] })
   ] });
 };