fix(i18n): complexity tier names are translated everywhere they're shown

low/medium/high leaked as raw English into the bands legend, the tier badges
on the Routing page, the pair complexity selects, the benchmark's tier column
and the Playground decision panel. New trTier() helper renders the human name
(ru: лёгкий/средний/сложный, de: leicht/mittel/schwer, fr/es/zh/tr likewise);
custom tier names pass through untouched, badge colors stay keyed by the raw
tier. Verified in the browser in Russian and German.

web/js/views/benchmark.js

@@ -8,7 +8,7 @@
 // (keyword checks with | synonyms, think-tag stripping, anti-loop detection,
 // pass/partial/fail), now embedded, localized and CDN-free.
 import { h, mount, toast, ms, money, moneyEl } from "../ui.js";
-import { t } from "../i18n.js";
+import { t, trTier } from "../i18n.js";
 import { api, testStream } from "../api.js";
 
 // ── built-in suite ──────────────────────────────────────────────────────────
@@ -402,7 +402,7 @@ export async function renderBenchmark() {
                 : h("span", { class: r.taskOk ? "" : "err" },
                     (r.taskOk ? "✓ " : "✗ ") + r.task,
                     r.taskOk ? "" : h("div", { class: "muted small" }, t("bm.expectedLbl") + " " + (r.expected || []).join("/")))),
-          h("td", {}, r.tier ? h("span", { class: "badge tier-" + r.tier }, r.tier) : "—"),
+          h("td", {}, r.tier ? h("span", { class: "badge tier-" + r.tier }, trTier(r.tier)) : "—"),
           h("td", {},
             h("span", { class: "mono small" }, r.chosen || "—"),
             r.cost > 0 ? h("div", { class: "muted small" }, moneyEl(r.cost)) : null,

web/js/views/playground.js

@@ -5,7 +5,7 @@
 // Media results are decoded in the browser (PPM → canvas, MJPEG AVI → canvas
 // player synced to the wav) — the same no-ffmpeg stance as the engine itself.
 import { h, mount, toast, money, moneyEl, ms } from "../ui.js";
-import { t } from "../i18n.js";
+import { t, trTier } from "../i18n.js";
 import { api, testStream, mediaFileUrl, mediaFileBytes } from "../api.js";
 import { appState } from "../app.js";
 import { ppmToCanvas, fileToPpmB64, aviJpegFrames, mjpegPlayer } from "../media-utils.js";
@@ -206,7 +206,7 @@ export async function renderPlayground() {
       decision,
       h("div", { class: "card-head" }, h("h3", {}, t("pg.decision"))),
       kv(t("pg.task"), c.task_label || "—"),
-      kv(t("pg.tier"), c.complexity?.tier ? h("span", { class: "badge tier-" + c.complexity.tier }, c.complexity.tier) : "—"),
+      kv(t("pg.tier"), c.complexity?.tier ? h("span", { class: "badge tier-" + c.complexity.tier }, trTier(c.complexity.tier)) : "—"),
       h(
         "div",
         { class: "kv", style: "display:block" },

web/js/views/routing.js

@@ -1,6 +1,6 @@
 // Routing — tier editor (ordered model chips), default model, and policy.
 import { h, mount, toast } from "../ui.js";
-import { t } from "../i18n.js";
+import { t, trTier } from "../i18n.js";
 import { api } from "../api.js";
 import { appState } from "../app.js";
 
@@ -153,9 +153,9 @@ export async function renderRouting() {
       // подписи не наезжают, когда ручки рядом
       hMed.querySelector(".bands-val").classList.toggle("raised", me - lo < 0.09);
       mount(legend,
-        h("span", { class: "badge tier-low" }, `low ≤ ${lo.toFixed(2)}`),
-        h("span", { class: "badge tier-medium" }, `medium ≤ ${me.toFixed(2)}`),
-        h("span", { class: "badge tier-high" }, `high > ${me.toFixed(2)}`));
+        h("span", { class: "badge tier-low" }, `${trTier("low")} ≤ ${lo.toFixed(2)}`),
+        h("span", { class: "badge tier-medium" }, `${trTier("medium")} ≤ ${me.toFixed(2)}`),
+        h("span", { class: "badge tier-high" }, `${trTier("high")} > ${me.toFixed(2)}`));
       track.classList.toggle("disabled", !st.bands);
     }
 
@@ -211,7 +211,7 @@ export async function renderRouting() {
     return h(
       "div",
       { class: "tierrow" },
-      h("div", { class: "tname" }, h("span", { class: "badge tier-" + tier }, tier)),
+      h("div", { class: "tname" }, h("span", { class: "badge tier-" + tier }, trTier(tier))),
       chipEditor(st.tiers, tier)
     );
   }
@@ -254,7 +254,7 @@ export async function renderRouting() {
             "select",
             { class: "pair-tier", title: t("routing.tasks.tierHint") },
             h("option", { value: "any" }, t("routing.tasks.tierAny")),
-            ...Object.keys(st.tiers).map((tr) => h("option", { value: tr }, tr))
+            ...Object.keys(st.tiers).map((tr) => h("option", { value: tr }, trTier(tr)))
           );
           tierSel.value = p.tier;
           tierSel.addEventListener("change", () => { p.tier = tierSel.value; });