reasonix 0.23.1 → 0.24.0

package/dashboard/dist/app.js

@@ -1355,8 +1355,8 @@ var require_core = __commonJS({
         result.secondBest = secondBest;
         return result;
       }
-      function updateClassName(element, currentLang, resultLang) {
-        const language = currentLang && aliases[currentLang] || resultLang;
+      function updateClassName(element, currentLang2, resultLang) {
+        const language = currentLang2 && aliases[currentLang2] || resultLang;
         element.classList.add("hljs");
         element.classList.add(`language-${language}`);
       }
@@ -14118,8 +14118,8 @@ function join(tables, nullModes) {
   }
   let xVals = /* @__PURE__ */ new Set();
   for (let ti = 0; ti < tables.length; ti++) {
-    let t4 = tables[ti];
-    let xs = t4[0];
+    let t5 = tables[ti];
+    let xs = t5[0];
     let len = xs.length;
     for (let i3 = 0; i3 < len; i3++)
       xVals.add(xs[i3]);
@@ -14130,10 +14130,10 @@ function join(tables, nullModes) {
   for (let i3 = 0; i3 < alignedLen; i3++)
     xIdxs.set(data[0][i3], i3);
   for (let ti = 0; ti < tables.length; ti++) {
-    let t4 = tables[ti];
-    let xs = t4[0];
-    for (let si = 1; si < t4.length; si++) {
-      let ys = t4[si];
+    let t5 = tables[ti];
+    let xs = t5[0];
+    for (let si = 1; si < t5.length; si++) {
+      let ys = t5[si];
       let yVals = Array(alignedLen).fill(void 0);
       let nullMode = nullModes ? nullModes[ti][si] : NULL_RETAIN;
       let nullIdxs = [];
@@ -14580,7 +14580,7 @@ function orient(u3, seriesIdx, cb) {
   const data = mode == 2 ? u3._data[seriesIdx] : u3._data;
   const scales = u3.scales;
   const bbox = u3.bbox;
-  let dx = data[0], dy = mode == 2 ? data[1] : data[seriesIdx], sx = mode == 2 ? scales[series.facets[0].scale] : scales[u3.series[0].scale], sy = mode == 2 ? scales[series.facets[1].scale] : scales[series.scale], l3 = bbox.left, t4 = bbox.top, w3 = bbox.width, h3 = bbox.height, H = u3.valToPosH, V2 = u3.valToPosV;
+  let dx = data[0], dy = mode == 2 ? data[1] : data[seriesIdx], sx = mode == 2 ? scales[series.facets[0].scale] : scales[u3.series[0].scale], sy = mode == 2 ? scales[series.facets[1].scale] : scales[series.scale], l3 = bbox.left, t5 = bbox.top, w3 = bbox.width, h3 = bbox.height, H = u3.valToPosH, V2 = u3.valToPosV;
   return sx.ori == 0 ? cb(
     series,
     dx,
@@ -14590,7 +14590,7 @@ function orient(u3, seriesIdx, cb) {
     H,
     V2,
     l3,
-    t4,
+    t5,
     w3,
     h3,
     moveToH,
@@ -14606,7 +14606,7 @@ function orient(u3, seriesIdx, cb) {
     sy,
     V2,
     H,
-    t4,
+    t5,
     l3,
     h3,
     w3,
@@ -18019,12 +18019,12 @@ var init_uPlot_esm = __esm({
 });
 
 // node_modules/htm/dist/htm.module.js
-var n = function(t4, s3, r3, e3) {
+var n = function(t5, s3, r3, e3) {
   var u3;
   s3[0] = 0;
   for (var h3 = 1; h3 < s3.length; h3++) {
     var p3 = s3[h3++], a3 = s3[h3] ? (s3[0] |= p3 ? 1 : 2, r3[s3[h3++]]) : s3[++h3];
-    3 === p3 ? e3[0] = a3 : 4 === p3 ? e3[1] = Object.assign(e3[1] || {}, a3) : 5 === p3 ? (e3[1] = e3[1] || {})[s3[++h3]] = a3 : 6 === p3 ? e3[1][s3[++h3]] += a3 + "" : p3 ? (u3 = t4.apply(a3, n(t4, a3, r3, ["", null])), e3.push(u3), a3[0] ? s3[0] |= 2 : (s3[h3 - 2] = 0, s3[h3] = u3)) : e3.push(a3);
+    3 === p3 ? e3[0] = a3 : 4 === p3 ? e3[1] = Object.assign(e3[1] || {}, a3) : 5 === p3 ? (e3[1] = e3[1] || {})[s3[++h3]] = a3 : 6 === p3 ? e3[1][s3[++h3]] += a3 + "" : p3 ? (u3 = t5.apply(a3, n(t5, a3, r3, ["", null])), e3.push(u3), a3[0] ? s3[0] |= 2 : (s3[h3 - 2] = 0, s3[h3] = u3)) : e3.push(a3);
   }
   return e3;
 };
@@ -18032,11 +18032,11 @@ var t = /* @__PURE__ */ new Map();
 function htm_module_default(s3) {
   var r3 = t.get(this);
   return r3 || (r3 = /* @__PURE__ */ new Map(), t.set(this, r3)), (r3 = n(this, r3.get(s3) || (r3.set(s3, r3 = (function(n3) {
-    for (var t4, s4, r4 = 1, e3 = "", u3 = "", h3 = [0], p3 = function(n4) {
+    for (var t5, s4, r4 = 1, e3 = "", u3 = "", h3 = [0], p3 = function(n4) {
       1 === r4 && (n4 || (e3 = e3.replace(/^\s*\n\s*|\s*\n\s*$/g, ""))) ? h3.push(0, n4, e3) : 3 === r4 && (n4 || e3) ? (h3.push(3, n4, e3), r4 = 2) : 2 === r4 && "..." === e3 && n4 ? h3.push(4, n4, 0) : 2 === r4 && e3 && !n4 ? h3.push(5, 0, true, e3) : r4 >= 5 && ((e3 || !n4 && 5 === r4) && (h3.push(r4, 0, e3, s4), r4 = 6), n4 && (h3.push(r4, n4, 0, s4), r4 = 6)), e3 = "";
     }, a3 = 0; a3 < n3.length; a3++) {
       a3 && (1 === r4 && p3(), p3(a3));
-      for (var l3 = 0; l3 < n3[a3].length; l3++) t4 = n3[a3][l3], 1 === r4 ? "<" === t4 ? (p3(), h3 = [h3], r4 = 3) : e3 += t4 : 4 === r4 ? "--" === e3 && ">" === t4 ? (r4 = 1, e3 = "") : e3 = t4 + e3[0] : u3 ? t4 === u3 ? u3 = "" : e3 += t4 : '"' === t4 || "'" === t4 ? u3 = t4 : ">" === t4 ? (p3(), r4 = 1) : r4 && ("=" === t4 ? (r4 = 5, s4 = e3, e3 = "") : "/" === t4 && (r4 < 5 || ">" === n3[a3][l3 + 1]) ? (p3(), 3 === r4 && (h3 = h3[0]), r4 = h3, (h3 = h3[0]).push(2, 0, r4), r4 = 0) : " " === t4 || "	" === t4 || "\n" === t4 || "\r" === t4 ? (p3(), r4 = 2) : e3 += t4), 3 === r4 && "!--" === e3 && (r4 = 4, h3 = h3[0]);
+      for (var l3 = 0; l3 < n3[a3].length; l3++) t5 = n3[a3][l3], 1 === r4 ? "<" === t5 ? (p3(), h3 = [h3], r4 = 3) : e3 += t5 : 4 === r4 ? "--" === e3 && ">" === t5 ? (r4 = 1, e3 = "") : e3 = t5 + e3[0] : u3 ? t5 === u3 ? u3 = "" : e3 += t5 : '"' === t5 || "'" === t5 ? u3 = t5 : ">" === t5 ? (p3(), r4 = 1) : r4 && ("=" === t5 ? (r4 = 5, s4 = e3, e3 = "") : "/" === t5 && (r4 < 5 || ">" === n3[a3][l3 + 1]) ? (p3(), 3 === r4 && (h3 = h3[0]), r4 = h3, (h3 = h3[0]).push(2, 0, r4), r4 = 0) : " " === t5 || "	" === t5 || "\n" === t5 || "\r" === t5 ? (p3(), r4 = 2) : e3 += t5), 3 === r4 && "!--" === e3 && (r4 = 4, h3 = h3[0]);
     }
     return p3(), h3;
   })(s3)), r3), arguments, [])).length > 1 ? r3 : r3[0];
@@ -18067,14 +18067,14 @@ function w(n3) {
   var l3 = n3.parentNode;
   l3 && l3.removeChild(n3);
 }
-function _(l3, u3, t4) {
+function _(l3, u3, t5) {
   var i3, o3, r3, f3 = {};
   for (r3 in u3) "key" == r3 ? i3 = u3[r3] : "ref" == r3 ? o3 = u3[r3] : f3[r3] = u3[r3];
-  if (arguments.length > 2 && (f3.children = arguments.length > 3 ? n2.call(arguments, 2) : t4), "function" == typeof l3 && null != l3.defaultProps) for (r3 in l3.defaultProps) void 0 === f3[r3] && (f3[r3] = l3.defaultProps[r3]);
+  if (arguments.length > 2 && (f3.children = arguments.length > 3 ? n2.call(arguments, 2) : t5), "function" == typeof l3 && null != l3.defaultProps) for (r3 in l3.defaultProps) void 0 === f3[r3] && (f3[r3] = l3.defaultProps[r3]);
   return g(l3, f3, i3, o3, null);
 }
-function g(n3, t4, i3, o3, r3) {
-  var f3 = { type: n3, props: t4, key: i3, ref: o3, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, constructor: void 0, __v: null == r3 ? ++u : r3, __i: -1, __u: 0 };
+function g(n3, t5, i3, o3, r3) {
+  var f3 = { type: n3, props: t5, key: i3, ref: o3, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, constructor: void 0, __v: null == r3 ? ++u : r3, __i: -1, __u: 0 };
   return null == r3 && null != l.vnode && l.vnode(f3), f3;
 }
 function k(n3) {
@@ -18102,24 +18102,24 @@ function M(n3) {
   (!n3.__d && (n3.__d = true) && i.push(n3) && !P.__r++ || o !== l.debounceRendering) && ((o = l.debounceRendering) || r)(P);
 }
 function P() {
-  var n3, u3, t4, o3, r3, e3, c3, s3;
-  for (i.sort(f); n3 = i.shift(); ) n3.__d && (u3 = i.length, o3 = void 0, e3 = (r3 = (t4 = n3).__v).__e, c3 = [], s3 = [], t4.__P && ((o3 = d({}, r3)).__v = r3.__v + 1, l.vnode && l.vnode(o3), O(t4.__P, o3, r3, t4.__n, t4.__P.namespaceURI, 32 & r3.__u ? [e3] : null, c3, null == e3 ? x(r3) : e3, !!(32 & r3.__u), s3), o3.__v = r3.__v, o3.__.__k[o3.__i] = o3, j(c3, o3, s3), o3.__e != e3 && C(o3)), i.length > u3 && i.sort(f));
+  var n3, u3, t5, o3, r3, e3, c3, s3;
+  for (i.sort(f); n3 = i.shift(); ) n3.__d && (u3 = i.length, o3 = void 0, e3 = (r3 = (t5 = n3).__v).__e, c3 = [], s3 = [], t5.__P && ((o3 = d({}, r3)).__v = r3.__v + 1, l.vnode && l.vnode(o3), O(t5.__P, o3, r3, t5.__n, t5.__P.namespaceURI, 32 & r3.__u ? [e3] : null, c3, null == e3 ? x(r3) : e3, !!(32 & r3.__u), s3), o3.__v = r3.__v, o3.__.__k[o3.__i] = o3, j(c3, o3, s3), o3.__e != e3 && C(o3)), i.length > u3 && i.sort(f));
   P.__r = 0;
 }
-function S(n3, l3, u3, t4, i3, o3, r3, f3, e3, c3, s3) {
-  var a3, v3, y3, d3, w3, _4 = t4 && t4.__k || p, g2 = l3.length;
+function S(n3, l3, u3, t5, i3, o3, r3, f3, e3, c3, s3) {
+  var a3, v3, y3, d3, w3, _4 = t5 && t5.__k || p, g2 = l3.length;
   for (u3.__d = e3, $(u3, l3, _4), e3 = u3.__d, a3 = 0; a3 < g2; a3++) null != (y3 = u3.__k[a3]) && "boolean" != typeof y3 && "function" != typeof y3 && (v3 = -1 === y3.__i ? h : _4[y3.__i] || h, y3.__i = a3, O(n3, y3, v3, i3, o3, r3, f3, e3, c3, s3), d3 = y3.__e, y3.ref && v3.ref != y3.ref && (v3.ref && N(v3.ref, null, y3), s3.push(y3.ref, y3.__c || d3, y3)), null == w3 && null != d3 && (w3 = d3), 65536 & y3.__u || v3.__k === y3.__k ? (e3 && !e3.isConnected && (e3 = x(v3)), e3 = I(y3, e3, n3)) : "function" == typeof y3.type && void 0 !== y3.__d ? e3 = y3.__d : d3 && (e3 = d3.nextSibling), y3.__d = void 0, y3.__u &= -196609);
   u3.__d = e3, u3.__e = w3;
 }
 function $(n3, l3, u3) {
-  var t4, i3, o3, r3, f3, e3 = l3.length, c3 = u3.length, s3 = c3, a3 = 0;
-  for (n3.__k = [], t4 = 0; t4 < e3; t4++) r3 = t4 + a3, null != (i3 = n3.__k[t4] = null == (i3 = l3[t4]) || "boolean" == typeof i3 || "function" == typeof i3 ? null : "string" == typeof i3 || "number" == typeof i3 || "bigint" == typeof i3 || i3.constructor == String ? g(null, i3, null, null, null) : y(i3) ? g(k, { children: i3 }, null, null, null) : void 0 === i3.constructor && i3.__b > 0 ? g(i3.type, i3.props, i3.key, i3.ref ? i3.ref : null, i3.__v) : i3) ? (i3.__ = n3, i3.__b = n3.__b + 1, f3 = L(i3, u3, r3, s3), i3.__i = f3, o3 = null, -1 !== f3 && (s3--, (o3 = u3[f3]) && (o3.__u |= 131072)), null == o3 || null === o3.__v ? (-1 == f3 && a3--, "function" != typeof i3.type && (i3.__u |= 65536)) : f3 !== r3 && (f3 === r3 + 1 ? a3++ : f3 > r3 ? s3 > e3 - r3 ? a3 += f3 - r3 : a3-- : f3 < r3 ? f3 == r3 - 1 && (a3 = f3 - r3) : a3 = 0, f3 !== t4 + a3 && (i3.__u |= 65536))) : (o3 = u3[r3]) && null == o3.key && o3.__e && 0 == (131072 & o3.__u) && (o3.__e == n3.__d && (n3.__d = x(o3)), V(o3, o3, false), u3[r3] = null, s3--);
-  if (s3) for (t4 = 0; t4 < c3; t4++) null != (o3 = u3[t4]) && 0 == (131072 & o3.__u) && (o3.__e == n3.__d && (n3.__d = x(o3)), V(o3, o3));
+  var t5, i3, o3, r3, f3, e3 = l3.length, c3 = u3.length, s3 = c3, a3 = 0;
+  for (n3.__k = [], t5 = 0; t5 < e3; t5++) r3 = t5 + a3, null != (i3 = n3.__k[t5] = null == (i3 = l3[t5]) || "boolean" == typeof i3 || "function" == typeof i3 ? null : "string" == typeof i3 || "number" == typeof i3 || "bigint" == typeof i3 || i3.constructor == String ? g(null, i3, null, null, null) : y(i3) ? g(k, { children: i3 }, null, null, null) : void 0 === i3.constructor && i3.__b > 0 ? g(i3.type, i3.props, i3.key, i3.ref ? i3.ref : null, i3.__v) : i3) ? (i3.__ = n3, i3.__b = n3.__b + 1, f3 = L(i3, u3, r3, s3), i3.__i = f3, o3 = null, -1 !== f3 && (s3--, (o3 = u3[f3]) && (o3.__u |= 131072)), null == o3 || null === o3.__v ? (-1 == f3 && a3--, "function" != typeof i3.type && (i3.__u |= 65536)) : f3 !== r3 && (f3 === r3 + 1 ? a3++ : f3 > r3 ? s3 > e3 - r3 ? a3 += f3 - r3 : a3-- : f3 < r3 ? f3 == r3 - 1 && (a3 = f3 - r3) : a3 = 0, f3 !== t5 + a3 && (i3.__u |= 65536))) : (o3 = u3[r3]) && null == o3.key && o3.__e && 0 == (131072 & o3.__u) && (o3.__e == n3.__d && (n3.__d = x(o3)), V(o3, o3, false), u3[r3] = null, s3--);
+  if (s3) for (t5 = 0; t5 < c3; t5++) null != (o3 = u3[t5]) && 0 == (131072 & o3.__u) && (o3.__e == n3.__d && (n3.__d = x(o3)), V(o3, o3));
 }
 function I(n3, l3, u3) {
-  var t4, i3;
+  var t5, i3;
   if ("function" == typeof n3.type) {
-    for (t4 = n3.__k, i3 = 0; t4 && i3 < t4.length; i3++) t4[i3] && (t4[i3].__ = n3, l3 = I(t4[i3], l3, u3));
+    for (t5 = n3.__k, i3 = 0; t5 && i3 < t5.length; i3++) t5[i3] && (t5[i3].__ = n3, l3 = I(t5[i3], l3, u3));
     return l3;
   }
   n3.__e != l3 && (u3.insertBefore(n3.__e, l3 || null), l3 = n3.__e);
@@ -18128,10 +18128,10 @@ function I(n3, l3, u3) {
   } while (null != l3 && 8 === l3.nodeType);
   return l3;
 }
-function L(n3, l3, u3, t4) {
+function L(n3, l3, u3, t5) {
   var i3 = n3.key, o3 = n3.type, r3 = u3 - 1, f3 = u3 + 1, e3 = l3[u3];
   if (null === e3 || e3 && i3 == e3.key && o3 === e3.type && 0 == (131072 & e3.__u)) return u3;
-  if (t4 > (null != e3 && 0 == (131072 & e3.__u) ? 1 : 0)) for (; r3 >= 0 || f3 < l3.length; ) {
+  if (t5 > (null != e3 && 0 == (131072 & e3.__u) ? 1 : 0)) for (; r3 >= 0 || f3 < l3.length; ) {
     if (r3 >= 0) {
       if ((e3 = l3[r3]) && 0 == (131072 & e3.__u) && i3 == e3.key && o3 === e3.type) return r3;
       r3--;
@@ -18146,14 +18146,14 @@ function L(n3, l3, u3, t4) {
 function T(n3, l3, u3) {
   "-" === l3[0] ? n3.setProperty(l3, null == u3 ? "" : u3) : n3[l3] = null == u3 ? "" : "number" != typeof u3 || v.test(l3) ? u3 : u3 + "px";
 }
-function A(n3, l3, u3, t4, i3) {
+function A(n3, l3, u3, t5, i3) {
   var o3;
   n: if ("style" === l3) if ("string" == typeof u3) n3.style.cssText = u3;
   else {
-    if ("string" == typeof t4 && (n3.style.cssText = t4 = ""), t4) for (l3 in t4) u3 && l3 in u3 || T(n3.style, l3, "");
-    if (u3) for (l3 in u3) t4 && u3[l3] === t4[l3] || T(n3.style, l3, u3[l3]);
+    if ("string" == typeof t5 && (n3.style.cssText = t5 = ""), t5) for (l3 in t5) u3 && l3 in u3 || T(n3.style, l3, "");
+    if (u3) for (l3 in u3) t5 && u3[l3] === t5[l3] || T(n3.style, l3, u3[l3]);
   }
-  else if ("o" === l3[0] && "n" === l3[1]) o3 = l3 !== (l3 = l3.replace(/(PointerCapture)$|Capture$/i, "$1")), l3 = l3.toLowerCase() in n3 || "onFocusOut" === l3 || "onFocusIn" === l3 ? l3.toLowerCase().slice(2) : l3.slice(2), n3.l || (n3.l = {}), n3.l[l3 + o3] = u3, u3 ? t4 ? u3.u = t4.u : (u3.u = e, n3.addEventListener(l3, o3 ? s : c, o3)) : n3.removeEventListener(l3, o3 ? s : c, o3);
+  else if ("o" === l3[0] && "n" === l3[1]) o3 = l3 !== (l3 = l3.replace(/(PointerCapture)$|Capture$/i, "$1")), l3 = l3.toLowerCase() in n3 || "onFocusOut" === l3 || "onFocusIn" === l3 ? l3.toLowerCase().slice(2) : l3.slice(2), n3.l || (n3.l = {}), n3.l[l3 + o3] = u3, u3 ? t5 ? u3.u = t5.u : (u3.u = e, n3.addEventListener(l3, o3 ? s : c, o3)) : n3.removeEventListener(l3, o3 ? s : c, o3);
   else {
     if ("http://www.w3.org/2000/svg" == i3) l3 = l3.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
     else if ("width" != l3 && "height" != l3 && "href" != l3 && "list" != l3 && "form" != l3 && "tabIndex" != l3 && "download" != l3 && "rowSpan" != l3 && "colSpan" != l3 && "role" != l3 && l3 in n3) try {
@@ -18167,22 +18167,22 @@ function A(n3, l3, u3, t4, i3) {
 function F(n3) {
   return function(u3) {
     if (this.l) {
-      var t4 = this.l[u3.type + n3];
+      var t5 = this.l[u3.type + n3];
       if (null == u3.t) u3.t = e++;
-      else if (u3.t < t4.u) return;
-      return t4(l.event ? l.event(u3) : u3);
+      else if (u3.t < t5.u) return;
+      return t5(l.event ? l.event(u3) : u3);
     }
   };
 }
-function O(n3, u3, t4, i3, o3, r3, f3, e3, c3, s3) {
+function O(n3, u3, t5, i3, o3, r3, f3, e3, c3, s3) {
   var a3, h3, p3, v3, w3, _4, g2, m2, x3, C3, M3, P2, $2, I2, H, L2 = u3.type;
   if (void 0 !== u3.constructor) return null;
-  128 & t4.__u && (c3 = !!(32 & t4.__u), r3 = [e3 = u3.__e = t4.__e]), (a3 = l.__b) && a3(u3);
+  128 & t5.__u && (c3 = !!(32 & t5.__u), r3 = [e3 = u3.__e = t5.__e]), (a3 = l.__b) && a3(u3);
   n: if ("function" == typeof L2) try {
-    if (m2 = u3.props, x3 = (a3 = L2.contextType) && i3[a3.__c], C3 = a3 ? x3 ? x3.props.value : a3.__ : i3, t4.__c ? g2 = (h3 = u3.__c = t4.__c).__ = h3.__E : ("prototype" in L2 && L2.prototype.render ? u3.__c = h3 = new L2(m2, C3) : (u3.__c = h3 = new b(m2, C3), h3.constructor = L2, h3.render = q), x3 && x3.sub(h3), h3.props = m2, h3.state || (h3.state = {}), h3.context = C3, h3.__n = i3, p3 = h3.__d = true, h3.__h = [], h3._sb = []), null == h3.__s && (h3.__s = h3.state), null != L2.getDerivedStateFromProps && (h3.__s == h3.state && (h3.__s = d({}, h3.__s)), d(h3.__s, L2.getDerivedStateFromProps(m2, h3.__s))), v3 = h3.props, w3 = h3.state, h3.__v = u3, p3) null == L2.getDerivedStateFromProps && null != h3.componentWillMount && h3.componentWillMount(), null != h3.componentDidMount && h3.__h.push(h3.componentDidMount);
+    if (m2 = u3.props, x3 = (a3 = L2.contextType) && i3[a3.__c], C3 = a3 ? x3 ? x3.props.value : a3.__ : i3, t5.__c ? g2 = (h3 = u3.__c = t5.__c).__ = h3.__E : ("prototype" in L2 && L2.prototype.render ? u3.__c = h3 = new L2(m2, C3) : (u3.__c = h3 = new b(m2, C3), h3.constructor = L2, h3.render = q), x3 && x3.sub(h3), h3.props = m2, h3.state || (h3.state = {}), h3.context = C3, h3.__n = i3, p3 = h3.__d = true, h3.__h = [], h3._sb = []), null == h3.__s && (h3.__s = h3.state), null != L2.getDerivedStateFromProps && (h3.__s == h3.state && (h3.__s = d({}, h3.__s)), d(h3.__s, L2.getDerivedStateFromProps(m2, h3.__s))), v3 = h3.props, w3 = h3.state, h3.__v = u3, p3) null == L2.getDerivedStateFromProps && null != h3.componentWillMount && h3.componentWillMount(), null != h3.componentDidMount && h3.__h.push(h3.componentDidMount);
     else {
-      if (null == L2.getDerivedStateFromProps && m2 !== v3 && null != h3.componentWillReceiveProps && h3.componentWillReceiveProps(m2, C3), !h3.__e && (null != h3.shouldComponentUpdate && false === h3.shouldComponentUpdate(m2, h3.__s, C3) || u3.__v === t4.__v)) {
-        for (u3.__v !== t4.__v && (h3.props = m2, h3.state = h3.__s, h3.__d = false), u3.__e = t4.__e, u3.__k = t4.__k, u3.__k.forEach(function(n4) {
+      if (null == L2.getDerivedStateFromProps && m2 !== v3 && null != h3.componentWillReceiveProps && h3.componentWillReceiveProps(m2, C3), !h3.__e && (null != h3.shouldComponentUpdate && false === h3.shouldComponentUpdate(m2, h3.__s, C3) || u3.__v === t5.__v)) {
+        for (u3.__v !== t5.__v && (h3.props = m2, h3.state = h3.__s, h3.__d = false), u3.__e = t5.__e, u3.__k = t5.__k, u3.__k.forEach(function(n4) {
           n4 && (n4.__ = u3);
         }), M3 = 0; M3 < h3._sb.length; M3++) h3.__h.push(h3._sb[M3]);
         h3._sb = [], h3.__h.length && f3.push(h3);
@@ -18198,16 +18198,16 @@ function O(n3, u3, t4, i3, o3, r3, f3, e3, c3, s3) {
     } else do {
       h3.__d = false, P2 && P2(u3), a3 = h3.render(h3.props, h3.state, h3.context), h3.state = h3.__s;
     } while (h3.__d && ++$2 < 25);
-    h3.state = h3.__s, null != h3.getChildContext && (i3 = d(d({}, i3), h3.getChildContext())), p3 || null == h3.getSnapshotBeforeUpdate || (_4 = h3.getSnapshotBeforeUpdate(v3, w3)), S(n3, y(H = null != a3 && a3.type === k && null == a3.key ? a3.props.children : a3) ? H : [H], u3, t4, i3, o3, r3, f3, e3, c3, s3), h3.base = u3.__e, u3.__u &= -161, h3.__h.length && f3.push(h3), g2 && (h3.__E = h3.__ = null);
+    h3.state = h3.__s, null != h3.getChildContext && (i3 = d(d({}, i3), h3.getChildContext())), p3 || null == h3.getSnapshotBeforeUpdate || (_4 = h3.getSnapshotBeforeUpdate(v3, w3)), S(n3, y(H = null != a3 && a3.type === k && null == a3.key ? a3.props.children : a3) ? H : [H], u3, t5, i3, o3, r3, f3, e3, c3, s3), h3.base = u3.__e, u3.__u &= -161, h3.__h.length && f3.push(h3), g2 && (h3.__E = h3.__ = null);
   } catch (n4) {
-    u3.__v = null, c3 || null != r3 ? (u3.__e = e3, u3.__u |= c3 ? 160 : 32, r3[r3.indexOf(e3)] = null) : (u3.__e = t4.__e, u3.__k = t4.__k), l.__e(n4, u3, t4);
+    u3.__v = null, c3 || null != r3 ? (u3.__e = e3, u3.__u |= c3 ? 160 : 32, r3[r3.indexOf(e3)] = null) : (u3.__e = t5.__e, u3.__k = t5.__k), l.__e(n4, u3, t5);
   }
-  else null == r3 && u3.__v === t4.__v ? (u3.__k = t4.__k, u3.__e = t4.__e) : u3.__e = z(t4.__e, u3, t4, i3, o3, r3, f3, c3, s3);
+  else null == r3 && u3.__v === t5.__v ? (u3.__k = t5.__k, u3.__e = t5.__e) : u3.__e = z(t5.__e, u3, t5, i3, o3, r3, f3, c3, s3);
   (a3 = l.diffed) && a3(u3);
 }
-function j(n3, u3, t4) {
+function j(n3, u3, t5) {
   u3.__d = void 0;
-  for (var i3 = 0; i3 < t4.length; i3++) N(t4[i3], t4[++i3], t4[++i3]);
+  for (var i3 = 0; i3 < t5.length; i3++) N(t5[i3], t5[++i3], t5[++i3]);
   l.__c && l.__c(u3, n3), n3.some(function(u4) {
     try {
       n3 = u4.__h, u4.__h = [], n3.some(function(n4) {
@@ -18218,8 +18218,8 @@ function j(n3, u3, t4) {
     }
   });
 }
-function z(l3, u3, t4, i3, o3, r3, f3, e3, c3) {
-  var s3, a3, p3, v3, d3, _4, g2, m2 = t4.props, k3 = u3.props, b2 = u3.type;
+function z(l3, u3, t5, i3, o3, r3, f3, e3, c3) {
+  var s3, a3, p3, v3, d3, _4, g2, m2 = t5.props, k3 = u3.props, b2 = u3.type;
   if ("svg" === b2 ? o3 = "http://www.w3.org/2000/svg" : "math" === b2 ? o3 = "http://www.w3.org/1998/Math/MathML" : o3 || (o3 = "http://www.w3.org/1999/xhtml"), null != r3) {
     for (s3 = 0; s3 < r3.length; s3++) if ((d3 = r3[s3]) && "setAttribute" in d3 == !!b2 && (b2 ? d3.localName === b2 : 3 === d3.nodeType)) {
       l3 = d3, r3[s3] = null;
@@ -18232,7 +18232,7 @@ function z(l3, u3, t4, i3, o3, r3, f3, e3, c3) {
   }
   if (null === b2) m2 === k3 || e3 && l3.data === k3 || (l3.data = k3);
   else {
-    if (r3 = r3 && n2.call(l3.childNodes), m2 = t4.props || h, !e3 && null != r3) for (m2 = {}, s3 = 0; s3 < l3.attributes.length; s3++) m2[(d3 = l3.attributes[s3]).name] = d3.value;
+    if (r3 = r3 && n2.call(l3.childNodes), m2 = t5.props || h, !e3 && null != r3) for (m2 = {}, s3 = 0; s3 < l3.attributes.length; s3++) m2[(d3 = l3.attributes[s3]).name] = d3.value;
     for (s3 in m2) if (d3 = m2[s3], "children" == s3) ;
     else if ("dangerouslySetInnerHTML" == s3) p3 = d3;
     else if ("key" !== s3 && !(s3 in k3)) {
@@ -18241,19 +18241,19 @@ function z(l3, u3, t4, i3, o3, r3, f3, e3, c3) {
     }
     for (s3 in k3) d3 = k3[s3], "children" == s3 ? v3 = d3 : "dangerouslySetInnerHTML" == s3 ? a3 = d3 : "value" == s3 ? _4 = d3 : "checked" == s3 ? g2 = d3 : "key" === s3 || e3 && "function" != typeof d3 || m2[s3] === d3 || A(l3, s3, d3, m2[s3], o3);
     if (a3) e3 || p3 && (a3.__html === p3.__html || a3.__html === l3.innerHTML) || (l3.innerHTML = a3.__html), u3.__k = [];
-    else if (p3 && (l3.innerHTML = ""), S(l3, y(v3) ? v3 : [v3], u3, t4, i3, "foreignObject" === b2 ? "http://www.w3.org/1999/xhtml" : o3, r3, f3, r3 ? r3[0] : t4.__k && x(t4, 0), e3, c3), null != r3) for (s3 = r3.length; s3--; ) null != r3[s3] && w(r3[s3]);
+    else if (p3 && (l3.innerHTML = ""), S(l3, y(v3) ? v3 : [v3], u3, t5, i3, "foreignObject" === b2 ? "http://www.w3.org/1999/xhtml" : o3, r3, f3, r3 ? r3[0] : t5.__k && x(t5, 0), e3, c3), null != r3) for (s3 = r3.length; s3--; ) null != r3[s3] && w(r3[s3]);
     e3 || (s3 = "value", void 0 !== _4 && (_4 !== l3[s3] || "progress" === b2 && !_4 || "option" === b2 && _4 !== m2[s3]) && A(l3, s3, _4, m2[s3], o3), s3 = "checked", void 0 !== g2 && g2 !== l3[s3] && A(l3, s3, g2, m2[s3], o3));
   }
   return l3;
 }
-function N(n3, u3, t4) {
+function N(n3, u3, t5) {
   try {
     "function" == typeof n3 ? n3(u3) : n3.current = u3;
   } catch (n4) {
-    l.__e(n4, t4);
+    l.__e(n4, t5);
   }
 }
-function V(n3, u3, t4) {
+function V(n3, u3, t5) {
   var i3, o3;
   if (l.unmount && l.unmount(n3), (i3 = n3.ref) && (i3.current && i3.current !== n3.__e || N(i3, null, u3)), null != (i3 = n3.__c)) {
     if (i3.componentWillUnmount) try {
@@ -18263,19 +18263,19 @@ function V(n3, u3, t4) {
     }
     i3.base = i3.__P = null;
   }
-  if (i3 = n3.__k) for (o3 = 0; o3 < i3.length; o3++) i3[o3] && V(i3[o3], u3, t4 || "function" != typeof n3.type);
-  t4 || null == n3.__e || w(n3.__e), n3.__c = n3.__ = n3.__e = n3.__d = void 0;
+  if (i3 = n3.__k) for (o3 = 0; o3 < i3.length; o3++) i3[o3] && V(i3[o3], u3, t5 || "function" != typeof n3.type);
+  t5 || null == n3.__e || w(n3.__e), n3.__c = n3.__ = n3.__e = n3.__d = void 0;
 }
 function q(n3, l3, u3) {
   return this.constructor(n3, u3);
 }
-function B(u3, t4, i3) {
+function B(u3, t5, i3) {
   var o3, r3, f3, e3;
-  l.__ && l.__(u3, t4), r3 = (o3 = "function" == typeof i3) ? null : i3 && i3.__k || t4.__k, f3 = [], e3 = [], O(t4, u3 = (!o3 && i3 || t4).__k = _(k, null, [u3]), r3 || h, h, t4.namespaceURI, !o3 && i3 ? [i3] : r3 ? null : t4.firstChild ? n2.call(t4.childNodes) : null, f3, !o3 && i3 ? i3 : r3 ? r3.__e : t4.firstChild, o3, e3), j(f3, u3, e3);
+  l.__ && l.__(u3, t5), r3 = (o3 = "function" == typeof i3) ? null : i3 && i3.__k || t5.__k, f3 = [], e3 = [], O(t5, u3 = (!o3 && i3 || t5).__k = _(k, null, [u3]), r3 || h, h, t5.namespaceURI, !o3 && i3 ? [i3] : r3 ? null : t5.firstChild ? n2.call(t5.childNodes) : null, f3, !o3 && i3 ? i3 : r3 ? r3.__e : t5.firstChild, o3, e3), j(f3, u3, e3);
 }
-n2 = p.slice, l = { __e: function(n3, l3, u3, t4) {
+n2 = p.slice, l = { __e: function(n3, l3, u3, t5) {
   for (var i3, o3, r3; l3 = l3.__; ) if ((i3 = l3.__c) && !i3.__) try {
-    if ((o3 = i3.constructor) && null != o3.getDerivedStateFromError && (i3.setState(o3.getDerivedStateFromError(n3)), r3 = i3.__d), null != i3.componentDidCatch && (i3.componentDidCatch(n3, t4 || {}), r3 = i3.__d), r3) return i3.__E = i3;
+    if ((o3 = i3.constructor) && null != o3.getDerivedStateFromError && (i3.setState(o3.getDerivedStateFromError(n3)), r3 = i3.__d), null != i3.componentDidCatch && (i3.componentDidCatch(n3, t5 || {}), r3 = i3.__d), r3) return i3.__E = i3;
   } catch (l4) {
     n3 = l4;
   }
@@ -18306,8 +18306,8 @@ var l2 = e2.diffed;
 var m = e2.__c;
 var s2 = e2.unmount;
 var d2 = e2.__;
-function h2(n3, t4) {
-  e2.__h && e2.__h(r2, n3, o2 || t4), o2 = 0;
+function h2(n3, t5) {
+  e2.__h && e2.__h(r2, n3, o2 || t5), o2 = 0;
   var u3 = r2.__H || (r2.__H = { __: [], __h: [] });
   return n3 >= u3.__.length && u3.__.push({ __V: c2 }), u3.__[n3];
 }
@@ -18317,33 +18317,33 @@ function p2(n3) {
 function y2(n3, u3, i3) {
   var o3 = h2(t3++, 2);
   if (o3.t = n3, !o3.__c && (o3.__ = [i3 ? i3(u3) : D(void 0, u3), function(n4) {
-    var t4 = o3.__N ? o3.__N[0] : o3.__[0], r3 = o3.t(t4, n4);
-    t4 !== r3 && (o3.__N = [r3, o3.__[1]], o3.__c.setState({}));
+    var t5 = o3.__N ? o3.__N[0] : o3.__[0], r3 = o3.t(t5, n4);
+    t5 !== r3 && (o3.__N = [r3, o3.__[1]], o3.__c.setState({}));
   }], o3.__c = r2, !r2.u)) {
-    var f3 = function(n4, t4, r3) {
+    var f3 = function(n4, t5, r3) {
       if (!o3.__c.__H) return true;
       var u4 = o3.__c.__H.__.filter(function(n5) {
         return !!n5.__c;
       });
       if (u4.every(function(n5) {
         return !n5.__N;
-      })) return !c3 || c3.call(this, n4, t4, r3);
+      })) return !c3 || c3.call(this, n4, t5, r3);
       var i4 = false;
       return u4.forEach(function(n5) {
         if (n5.__N) {
-          var t5 = n5.__[0];
-          n5.__ = n5.__N, n5.__N = void 0, t5 !== n5.__[0] && (i4 = true);
+          var t6 = n5.__[0];
+          n5.__ = n5.__N, n5.__N = void 0, t6 !== n5.__[0] && (i4 = true);
         }
-      }), !(!i4 && o3.__c.props === n4) && (!c3 || c3.call(this, n4, t4, r3));
+      }), !(!i4 && o3.__c.props === n4) && (!c3 || c3.call(this, n4, t5, r3));
     };
     r2.u = true;
     var c3 = r2.shouldComponentUpdate, e3 = r2.componentWillUpdate;
-    r2.componentWillUpdate = function(n4, t4, r3) {
+    r2.componentWillUpdate = function(n4, t5, r3) {
       if (this.__e) {
         var u4 = c3;
-        c3 = void 0, f3(n4, t4, r3), c3 = u4;
+        c3 = void 0, f3(n4, t5, r3), c3 = u4;
       }
-      e3 && e3.call(this, n4, t4, r3);
+      e3 && e3.call(this, n4, t5, r3);
     }, r2.shouldComponentUpdate = f3;
   }
   return o3.__N || o3.__;
@@ -18361,22 +18361,22 @@ function q2(n3, r3) {
   var u3 = h2(t3++, 7);
   return C2(u3.__H, r3) ? (u3.__V = n3(), u3.i = r3, u3.__h = n3, u3.__V) : u3.__;
 }
-function x2(n3, t4) {
+function x2(n3, t5) {
   return o2 = 8, q2(function() {
     return n3;
-  }, t4);
+  }, t5);
 }
 function j2() {
   for (var n3; n3 = f2.shift(); ) if (n3.__P && n3.__H) try {
     n3.__H.__h.forEach(z2), n3.__H.__h.forEach(B2), n3.__H.__h = [];
-  } catch (t4) {
-    n3.__H.__h = [], e2.__e(t4, n3.__v);
+  } catch (t5) {
+    n3.__H.__h = [], e2.__e(t5, n3.__v);
   }
 }
 e2.__b = function(n3) {
   r2 = null, a2 && a2(n3);
-}, e2.__ = function(n3, t4) {
-  n3 && t4.__k && t4.__k.__m && (n3.__m = t4.__k.__m), d2 && d2(n3, t4);
+}, e2.__ = function(n3, t5) {
+  n3 && t5.__k && t5.__k.__m && (n3.__m = t5.__k.__m), d2 && d2(n3, t5);
 }, e2.__r = function(n3) {
   v2 && v2(n3), t3 = 0;
   var i3 = (r2 = n3.__c).__H;
@@ -18385,55 +18385,55 @@ e2.__b = function(n3) {
   })) : (i3.__h.forEach(z2), i3.__h.forEach(B2), i3.__h = [], t3 = 0)), u2 = r2;
 }, e2.diffed = function(n3) {
   l2 && l2(n3);
-  var t4 = n3.__c;
-  t4 && t4.__H && (t4.__H.__h.length && (1 !== f2.push(t4) && i2 === e2.requestAnimationFrame || ((i2 = e2.requestAnimationFrame) || w2)(j2)), t4.__H.__.forEach(function(n4) {
+  var t5 = n3.__c;
+  t5 && t5.__H && (t5.__H.__h.length && (1 !== f2.push(t5) && i2 === e2.requestAnimationFrame || ((i2 = e2.requestAnimationFrame) || w2)(j2)), t5.__H.__.forEach(function(n4) {
     n4.i && (n4.__H = n4.i), n4.__V !== c2 && (n4.__ = n4.__V), n4.i = void 0, n4.__V = c2;
   })), u2 = r2 = null;
-}, e2.__c = function(n3, t4) {
-  t4.some(function(n4) {
+}, e2.__c = function(n3, t5) {
+  t5.some(function(n4) {
     try {
       n4.__h.forEach(z2), n4.__h = n4.__h.filter(function(n5) {
         return !n5.__ || B2(n5);
       });
     } catch (r3) {
-      t4.some(function(n5) {
+      t5.some(function(n5) {
         n5.__h && (n5.__h = []);
-      }), t4 = [], e2.__e(r3, n4.__v);
+      }), t5 = [], e2.__e(r3, n4.__v);
     }
-  }), m && m(n3, t4);
+  }), m && m(n3, t5);
 }, e2.unmount = function(n3) {
   s2 && s2(n3);
-  var t4, r3 = n3.__c;
+  var t5, r3 = n3.__c;
   r3 && r3.__H && (r3.__H.__.forEach(function(n4) {
     try {
       z2(n4);
     } catch (n5) {
-      t4 = n5;
+      t5 = n5;
     }
-  }), r3.__H = void 0, t4 && e2.__e(t4, r3.__v));
+  }), r3.__H = void 0, t5 && e2.__e(t5, r3.__v));
 };
 var k2 = "function" == typeof requestAnimationFrame;
 function w2(n3) {
-  var t4, r3 = function() {
-    clearTimeout(u3), k2 && cancelAnimationFrame(t4), setTimeout(n3);
+  var t5, r3 = function() {
+    clearTimeout(u3), k2 && cancelAnimationFrame(t5), setTimeout(n3);
   }, u3 = setTimeout(r3, 100);
-  k2 && (t4 = requestAnimationFrame(r3));
+  k2 && (t5 = requestAnimationFrame(r3));
 }
 function z2(n3) {
-  var t4 = r2, u3 = n3.__c;
-  "function" == typeof u3 && (n3.__c = void 0, u3()), r2 = t4;
+  var t5 = r2, u3 = n3.__c;
+  "function" == typeof u3 && (n3.__c = void 0, u3()), r2 = t5;
 }
 function B2(n3) {
-  var t4 = r2;
-  n3.__c = n3.__(), r2 = t4;
+  var t5 = r2;
+  n3.__c = n3.__(), r2 = t5;
 }
-function C2(n3, t4) {
-  return !n3 || n3.length !== t4.length || t4.some(function(t5, r3) {
-    return t5 !== n3[r3];
+function C2(n3, t5) {
+  return !n3 || n3.length !== t5.length || t5.some(function(t6, r3) {
+    return t6 !== n3[r3];
   });
 }
-function D(n3, t4) {
-  return "function" == typeof t4 ? t4(n3) : t4;
+function D(n3, t5) {
+  return "function" == typeof t5 ? t5(n3) : t5;
 }
 
 // dashboard/src/lib/api.ts
@@ -18493,9 +18493,9 @@ function ToastStack() {
     const onToast = (ev) => {
       const detail = ev.detail;
       const id = `${Date.now()}-${Math.random()}`;
-      const t4 = { id, ...detail };
-      setToasts((prev) => [...prev, t4]);
-      setTimeout(() => setToasts((prev) => prev.filter((x3) => x3.id !== id)), t4.ttl);
+      const t5 = { id, ...detail };
+      setToasts((prev) => [...prev, t5]);
+      setTimeout(() => setToasts((prev) => prev.filter((x3) => x3.id !== id)), t5.ttl);
     };
     toastBus.addEventListener("toast", onToast);
     return () => toastBus.removeEventListener("toast", onToast);
@@ -18503,7 +18503,7 @@ function ToastStack() {
   if (toasts.length === 0) return null;
   return html`
     <div class="toast-stack">
-      ${toasts.map((t4) => html`<div key=${t4.id} class="toast ${t4.kind}">${t4.text}</div>`)}
+      ${toasts.map((t5) => html`<div key=${t5.id} class="toast ${t5.kind}">${t5.text}</div>`)}
     </div>
   `;
 }
@@ -18636,6 +18636,1094 @@ var ErrorBoundary = class extends b {
   }
 };
 
+// dashboard/src/lib/i18n.ts
+var LANG_REGISTRY = [
+  ["en", "EN"],
+  ["zh-CN", "zh-CN"]
+];
+var SUPPORTED = new Set(LANG_REGISTRY.map(([d3]) => d3));
+var TO_BACKEND = new Map(LANG_REGISTRY);
+var FROM_BACKEND = new Map(LANG_REGISTRY.map(([d3, b2]) => [b2, d3]));
+var STORAGE_KEY = "rx.lang";
+var EXPLICIT_KEY = "rx.langExplicit";
+var listeners = [];
+var currentLang = loadFromStorage() ?? "en";
+function loadFromStorage() {
+  try {
+    const v3 = localStorage.getItem(STORAGE_KEY);
+    if (v3 !== null && SUPPORTED.has(v3)) return v3;
+  } catch {
+  }
+  return null;
+}
+function isExplicit() {
+  try {
+    return localStorage.getItem(EXPLICIT_KEY) === "1";
+  } catch {
+    return false;
+  }
+}
+function markExplicit() {
+  try {
+    localStorage.setItem(EXPLICIT_KEY, "1");
+  } catch {
+  }
+}
+function toBackendLang(lang) {
+  return TO_BACKEND.get(lang) ?? lang;
+}
+function fromBackendLang(raw) {
+  return FROM_BACKEND.get(raw) ?? "en";
+}
+async function initLangFromServer() {
+  try {
+    const stored = loadFromStorage();
+    const res = await api("/settings");
+    const serverLang = res.lang ? fromBackendLang(res.lang) : null;
+    if (!serverLang || stored === serverLang) return;
+    if (isExplicit() && stored) {
+      api("/settings", { method: "POST", body: { lang: toBackendLang(stored) } }).catch((err) => console.error("[reasonix dashboard] lang sync:", err));
+      return;
+    }
+    currentLang = serverLang;
+    try {
+      localStorage.setItem(STORAGE_KEY, serverLang);
+    } catch {
+    }
+    for (const cb of listeners) cb();
+  } catch {
+  }
+}
+function getLang() {
+  return currentLang;
+}
+function setLang(lang) {
+  if (!SUPPORTED.has(lang)) return;
+  currentLang = lang;
+  markExplicit();
+  try {
+    localStorage.setItem(STORAGE_KEY, lang);
+  } catch {
+  }
+  for (const cb of listeners) cb();
+  fetch(`/api/settings?token=${TOKEN}`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json", "X-Reasonix-Token": TOKEN },
+    body: JSON.stringify({ lang: toBackendLang(lang) }),
+    keepalive: true
+  }).catch((err) => console.error("[reasonix dashboard] lang persist:", err));
+}
+function onLangChange(cb) {
+  listeners.push(cb);
+  return () => {
+    const i3 = listeners.indexOf(cb);
+    if (i3 >= 0) listeners.splice(i3, 1);
+  };
+}
+function useLang() {
+  const [lang, setLangState] = p2(currentLang);
+  _2(() => onLangChange(() => setLangState(currentLang)), []);
+  return lang;
+}
+function get(translations, path) {
+  let val = translations;
+  for (const part of path.split(".")) {
+    if (val === void 0 || typeof val === "string") return void 0;
+    val = val[part];
+  }
+  return typeof val === "string" ? val : void 0;
+}
+function createT(translations) {
+  return function t5(path, params) {
+    let val = get(translations[currentLang] ?? translations.en, path);
+    if (val === void 0) val = get(translations.en, path);
+    if (val === void 0) return path;
+    if (!params) return val;
+    let result = val;
+    for (const [k3, v3] of Object.entries(params)) {
+      result = result.replaceAll(`{${k3}}`, String(v3));
+    }
+    return result;
+  };
+}
+
+// dashboard/src/i18n/en.ts
+var en = {
+  app: {
+    sectionWorkspace: "workspace",
+    sectionObserve: "observe",
+    sectionConfigure: "configure",
+    tabChat: "Chat",
+    tabPlans: "Plans",
+    tabSessions: "Sessions",
+    tabOverview: "Overview",
+    tabUsage: "Usage",
+    tabSystem: "System",
+    tabSemantic: "Semantic",
+    tabTools: "Tools",
+    tabPermissions: "Permissions",
+    tabMcp: "MCP",
+    tabSkills: "Skills",
+    tabMemory: "Memory",
+    tabHooks: "Hooks",
+    tabSettings: "Settings",
+    footer: "127.0.0.1 only \xB7 token-gated"
+  },
+  common: {
+    loading: "loading\u2026",
+    loadingFailed: "{name} failed: {error}",
+    back: "\u2190 back",
+    save: "Save",
+    remove: "remove",
+    cancel: "Cancel",
+    delete: "Delete",
+    add: "Add",
+    confirm: "Confirm",
+    noData: "No {name} yet.",
+    all: "all",
+    yes: "yes",
+    no: "no",
+    on: "ON",
+    off: "off",
+    enabled: "enabled",
+    disabled: "disabled"
+  },
+  settings: {
+    title: "Settings",
+    loading: "loading settings\u2026",
+    saved: "saved: {fields}",
+    sectionApi: "DeepSeek API",
+    apiKey: "API key",
+    notSet: "(not set)",
+    replace: "replace",
+    pasteKey: "paste a fresh sk-\u2026 token",
+    saveKey: "Save key",
+    baseUrl: "base url",
+    baseUrlPlaceholder: "https://api.deepseek.com (default)",
+    sectionDefaults: "Defaults",
+    preset: "preset",
+    presetAuto: "auto \u2014 flash \u2192 pro on hard turns",
+    presetFlash: "flash \u2014 always flash, no auto-escalate",
+    presetPro: "pro \u2014 always pro",
+    appliesNextTurn: "applies next turn",
+    effort: "effort",
+    effortMax: "max (default \u2014 best)",
+    effortHigh: "high (cheaper / faster)",
+    webSearch: "web search",
+    webSearchNote: "web_fetch + web_search tools",
+    sectionRuntime: "Runtime",
+    activeModel: "active model",
+    editMode: "edit mode",
+    editModeNote: "switch from the Chat tab header",
+    sectionLanguage: "Language",
+    language: "language",
+    langEn: "English",
+    langZhCn: "\u7B80\u4F53\u4E2D\u6587"
+  },
+  chat: {
+    modeMirror: "TUI mirror",
+    modeView: "session view",
+    placeholder: "Type a prompt \u2014 Enter sends, Shift+Enter for a newline \xB7 / @ for pickers",
+    placeholderBusy: "wait for the current turn to finish\u2026",
+    send: "Send",
+    new: "New",
+    clear: "Clear",
+    newTitle: "/new \u2014 wipe conversation context (loop log + scrollback)",
+    clearTitle: "/clear \u2014 wipe just visible scrollback (context kept)",
+    noConversation: "No conversation yet. Send a prompt below to begin.",
+    newConfirmBusy: "A turn is in flight. Abort and start a new conversation?",
+    newConfirm: "Clear current conversation and start fresh?",
+    newToast: "new conversation",
+    clearToast: "scrollback cleared",
+    newFailed: "/new failed: {error}",
+    clearFailed: "/clear failed: {error}",
+    eventStreamError: "event stream interrupted \u2014 reconnecting\u2026",
+    semanticBanner: "Semantic search isn't enabled for this project.",
+    semanticBannerDesc: 'Build the index once and the model can find code by meaning ("where do we handle auth failures?") instead of grep on exact strings.',
+    semanticBannerBtn: "Build it \u2192",
+    semanticBannerDismiss: "dismiss (don't show again)",
+    slashCommands: "slash commands",
+    projectFiles: "project files",
+    effortTitle: "reasoning_effort \u2014 applies next turn",
+    effortMaxTitle: "max (default \u2014 best quality)",
+    effortHighTitle: "high (cheaper / faster)",
+    presetTitle: "preset \u2014 model commitment",
+    presetAutoTitle: "auto \u2014 flash baseline; auto-escalates to pro on hard turns (NEEDS_PRO / failure threshold)",
+    presetFlashTitle: "flash \u2014 always flash; no auto-escalate. /pro still works for one-shot manual",
+    presetProTitle: "pro \u2014 always pro; ~3\xD7 flash cost (5/31 discount). Locks in on hard architecture work.",
+    editGateTitle: "edit gate \u2014 Shift+Tab cycles in TUI",
+    editReviewTitle: "review \u2014 both edits and non-allowlisted shell ask first",
+    editAutoTitle: "auto \u2014 edits auto-apply, shell still asks",
+    editYoloTitle: "yolo \u2014 edits AND shell auto-run, allowlist bypassed",
+    railSession: "Session",
+    railTurns: "turns",
+    railPromptTok: "prompt tok",
+    railCost: "cost",
+    railCacheHit: "cache hit",
+    railToolBudget: "Tool budget",
+    railSpend: "spend",
+    railActivePlan: "Active plan",
+    railProgress: "progress",
+    statusModel: "model",
+    statusCtx: "ctx",
+    statusCache: "cache",
+    statusTurn: "turn",
+    statusSession: "session",
+    statusBalance: "balance",
+    statusTurns: "{count} turn{s}",
+    waitingStats: "\xB7 \xB7 \xB7  waiting for live stats",
+    inflightPhase: "{phase}",
+    inflightRunning: "running",
+    inflightThinking: "thinking",
+    inflightStreaming: "streaming",
+    inflightWaiting: "waiting",
+    inflightReasoning: "reasoning {count} ch",
+    inflightOut: "out {count} ch",
+    abortBtn: "Abort (Esc)",
+    confirmBtn: "Apply (y)",
+    rejectBtn: "Reject (n)",
+    applyRestBtn: "Apply rest (a)",
+    flipAutoBtn: "Flip to AUTO (A)"
+  },
+  overview: {
+    loading: "loading overview\u2026",
+    failed: "overview failed: {error}",
+    standaloneTitle: "Standalone mode",
+    standaloneDesc: "Read-only disk view. Start /dashboard from inside reasonix code for live session state, MCP, and tools.",
+    cockpit: "Cockpit",
+    balance: "balance",
+    tokens7d: "tokens \xB7 7d",
+    cacheHit: "cache hit",
+    toolCalls24h: "tool calls \xB7 24h",
+    currentSession: "current session",
+    noSession: "No live session \u2014 /dashboard from inside reasonix code to attach.",
+    promptTok: "prompt tok",
+    completionTok: "completion tok",
+    cost: "cost",
+    costTrend: "cost \xB7 14 day",
+    noUsageYet: "no usage yet",
+    dayAvg: "/day avg",
+    recentPlans: "recent plans",
+    noPlans: "No plans yet \u2014 submit one with submit_plan.",
+    toolActivity: "tool activity",
+    noToolCalls: "No tool calls yet.",
+    toolsLoaded: "tools loaded",
+    mcpServers: "mcp servers",
+    editMode: "edit mode",
+    version: "Reasonix",
+    workingDir: "Working directory",
+    projectRoot: "project root",
+    noPriorData: "no prior data",
+    stable: "\u2014 stable",
+    vsPrior: "{arrow} {pct}% vs prior",
+    active: "active",
+    allUp: "all up",
+    yoloWarning: "all prompts bypassed",
+    checking: "checking",
+    latest: "latest"
+  },
+  usage: {
+    loading: "loading usage\u2026",
+    failed: "usage failed: {error}",
+    records: "{count} records",
+    dailyUsage: "Daily usage",
+    dailyMeta: "cost \xB7 cache saved \xB7 turns",
+    noData: "No usage data yet \u2014 run a turn in reasonix chat / code / run and refresh.",
+    windows: "Rolling windows",
+    colTurns: "turns",
+    colCacheHit: "cache hit",
+    colCost: "cost (USD)",
+    colCacheSaved: "cache saved",
+    colVsClaude: "vs Claude",
+    colSaved: "saved",
+    mostUsed: "Most used models",
+    colModel: "model"
+  },
+  sessions: {
+    loading: "loading sessions\u2026",
+    failed: "sessions failed: {error}",
+    noSessions: "No saved sessions yet.",
+    filterPlaceholder: "filter sessions",
+    msgs: "msgs",
+    pickHint: "Pick a session on the left to read its transcript.",
+    resumeTitle: "Resume in TUI",
+    resumeDesc: "Mid-session swap requires a restart so the message log can rewind cleanly. Quit your current session, then run:",
+    loadingTranscript: "loading transcript\u2026",
+    emptyTranscript: "empty transcript.",
+    messages: "{count} message{s}"
+  },
+  tools: {
+    loading: "loading tools\u2026",
+    failed: "tools failed: {error}",
+    noTools: "No tools registered.",
+    planMode: "plan mode \u2014 writes gated",
+    colTool: "tool",
+    colFlags: "flags",
+    colDesc: "description",
+    readOnly: "read-only",
+    write: "write",
+    flat: "flat"
+  },
+  permissions: {
+    loading: "loading permissions\u2026",
+    failed: "permissions failed: {error}",
+    yoloTitle: "YOLO mode",
+    yoloDesc: "Every shell command auto-runs, allowlist bypassed. Switch back with /mode review in the TUI.",
+    project: "project",
+    builtin: "builtin",
+    addPrefix: "add a prefix",
+    addPlaceholder: 'e.g. "npm run build" or "deploy.sh"',
+    clearAll: "Clear all",
+    alreadyIn: "{prefix} already in list",
+    added: "added: {prefix}",
+    removed: "removed: {prefix}",
+    cleared: "cleared {count} entr{y}",
+    removeConfirm: `Remove "{prefix}" from this project's allowlist?`,
+    clearConfirm: "Wipe every project allowlist entry? Builtin entries are unaffected.",
+    projectAllowlist: "Project allowlist \xB7 {count}",
+    nothingStored: "Nothing stored yet for this project.",
+    colNum: "#",
+    colPrefix: "prefix",
+    builtinTitle: "Builtin \xB7 {count} \xB7 read-only",
+    standaloneWarning: "Mutations require /dashboard from inside an active reasonix code session \u2014 standalone reasonix dashboard can't tell which project's allowlist to edit."
+  },
+  mcp: {
+    loading: "loading MCP\u2026",
+    servers: "MCP servers \xB7 {count} bridged",
+    all: "all",
+    live: "live",
+    unbridged: "unbridged",
+    specPlaceholder: "spec \u2014 e.g. fs=npx -y @modelcontextprotocol/...",
+    saved: "saved",
+    savedRestart: "saved \u2014 restart reasonix code to bridge this server",
+    removed: "removed \u2014 restart to drop the live bridge",
+    removeConfirm: "Remove MCP spec from config?\n\n{spec}",
+    noServers: "No MCP servers in this session.",
+    tools: "tools",
+    inConfig: "in config \xB7 not loaded",
+    unbridgedTitle: "unbridged \xB7 in config",
+    removeBtn: "Remove",
+    spec: "spec",
+    whyUnbridged: "Why unbridged?",
+    whyUnbridgedDesc: "This spec lives in your config.json but isn't bridged into the live session. MCP servers attach when reasonix code starts; the dashboard alone can't spawn the child process.",
+    whyUnbridgedHint: "To activate: restart reasonix code, then refresh this dashboard.",
+    pickHint: "Pick an MCP server on the left to inspect tools / resources / prompts.",
+    toolsTitle: "Tools \xB7 {count}",
+    resourcesTitle: "Resources \xB7 {count}",
+    promptsTitle: "Prompts \xB7 {count}",
+    colName: "name",
+    colDesc: "description",
+    colUri: "uri"
+  },
+  memory: {
+    loading: "loading memory\u2026",
+    files: "memory \xB7 {count} files",
+    exists: "exists",
+    create: "create",
+    noFiles: "No memory files yet.",
+    pickHint: "Pick a memory file on the left.",
+    pickDesc: "Project REASONIX.md is committable; global notes live in ~/.reasonix/memory/.",
+    chars: "{count} chars",
+    saved: "saved {scope}",
+    reloadHint: "re-applied on next /new or session restart"
+  },
+  hooks: {
+    loading: "loading hooks\u2026",
+    resolved: "resolved",
+    eventMatrix: "Event matrix",
+    matrixSub: "{scripts} script{s} \xD7 {events} event{s}",
+    noHooks: "No hooks configured. Edit the JSON below to add some.",
+    colScript: "script",
+    noProject: "No active project \u2014 open /dashboard from reasonix code to edit project hooks.",
+    saveReload: "Save + Reload",
+    discard: "Discard changes",
+    savedReloaded: "saved + reloaded {scope}",
+    recentRuns: "Recent runs",
+    noRuns: "No hook runs in the recent session log.",
+    colWhen: "when",
+    colPhase: "phase",
+    colHook: "hook",
+    colOutcome: "outcome"
+  },
+  skills: {
+    loading: "loading skills\u2026",
+    filterPlaceholder: "filter skills",
+    project: "project",
+    global: "global",
+    builtin: "builtin",
+    newSkill: "new skill",
+    noDescription: "(no description)",
+    runs7d: "runs \xB7 7d",
+    pickHint: "Pick a skill on the left, or create a new one above.",
+    readOnlyBuiltin: "read-only \xB7 builtin",
+    builtinDesc: "Built-in skills ship with Reasonix; the model picks them up automatically. To customize, create a project- or global-scoped skill with the same name.",
+    saved: "saved {scope}/{name}",
+    deleteConfirm: "Delete skill {scope}/{name}?",
+    reloadHint: "re-loaded on next /new or session restart"
+  },
+  system: {
+    loading: "loading health\u2026",
+    failed: "health failed: {error}",
+    healthChecks: "Health checks",
+    version: "version",
+    checking: "checking",
+    latest: "\u25CF latest",
+    outOfDate: "\u25CF out of date",
+    versionPending: "version check pending",
+    upToDate: "up to date",
+    latestVer: "latest: {version}",
+    sessions: "sessions",
+    ok: "\u25CF ok",
+    memory: "memory",
+    semanticIndex: "semantic index",
+    built: "\u25CF built",
+    none: "\u2014 none",
+    runIndex: "run reasonix index to build",
+    usageLog: "usage log",
+    backgroundJobs: "background jobs",
+    noSession: "\u2014 no session",
+    running: "{count} running",
+    attachHint: "attach a session to see jobs",
+    shellSpawn: "shell + spawn",
+    paths: "paths",
+    home: "home",
+    sessionsPath: "sessions",
+    memoryPath: "memory",
+    semanticPath: "semantic",
+    usagePath: "usage"
+  },
+  plans: {
+    loading: "loading plans\u2026",
+    failed: "plans failed: {error}",
+    noPlans: "No archived plans yet \u2014 run a turn that calls submit_plan and mark_step_complete.",
+    filterPlaceholder: "filter plans",
+    active: "active",
+    done: "done",
+    steps: "steps",
+    pickHint: "Pick a plan on the left.",
+    noTitle: "(no title)",
+    stepTimeline: "Step timeline \xB7 {done} / {total}",
+    step: "step {n}"
+  },
+  semantic: {
+    codeRequired: "Semantic \u2014 code-mode required",
+    indexBuilt: "index built",
+    noIndex: "no index yet",
+    ready: "ready",
+    setupNeeded: "setup needed",
+    installOllama: "Install Ollama",
+    installOllamaDesc: "Reasonix doesn't run package managers for you. Install Ollama first, then come back:",
+    macWindows: "macOS / Windows:",
+    download: "download from ollama.com/download",
+    linux: "Linux:",
+    refreshHint: "Refresh after install \u2014 this panel will offer to start the daemon and pull {model}.",
+    daemon: "Daemon",
+    daemonDesc: "ollama is on your PATH but the HTTP daemon isn't reachable.",
+    startDaemon: "Start daemon",
+    runsOllama: "runs ollama serve detached",
+    model: "Model",
+    modelMissing: "{model} isn't installed yet.",
+    modelSize: "~270 MB on first pull.",
+    pulling: "pulling\u2026",
+    pullModel: "Pull {model}",
+    indexStatus: "index status",
+    builtStatus: "\u25CF built",
+    chunks: "chunks",
+    files: "files",
+    dim: "dim",
+    size: "size",
+    lastBuild: "last build",
+    runIndexHint: "Run an index to enable semantic_search.",
+    reIndex: "Re-index",
+    build: "Build",
+    rebuild: "Rebuild",
+    stop: "Stop",
+    ollama: "ollama",
+    binary: "binary",
+    found: "found",
+    missing: "missing",
+    daemonStatus: "daemon",
+    up: "up",
+    down: "down",
+    pulled: "pulled",
+    indexConfig: "index config",
+    reset: "reset",
+    excludeDirs: "exclude dirs",
+    excludeFiles: "exclude files",
+    excludeExts: "exclude exts",
+    excludePatterns: "exclude patterns",
+    glob: "glob",
+    respectGitignore: "respect .gitignore",
+    maxFileBytes: "max file bytes",
+    skipLarger: "skip files larger than ~{size} MiB",
+    preview: "Preview",
+    searchPlaceholder: "describe what to find \u2014 'where do we handle abort signals'",
+    searching: "searching\u2026",
+    results: "{count} result{s} \xB7 {ms}ms \xB7 {model}",
+    noMatches: "No matches above the score threshold.",
+    previewSummary: "Preview \u2014 would index {included} file(s), skip {skipped}",
+    nothingSkipped: "nothing skipped \u2014 all walked files would be indexed.",
+    firstIncluded: "first {count} included file(s)",
+    job: "Job",
+    phaseScan: "scanning files",
+    phaseEmbed: "embedding chunks",
+    phaseWrite: "writing index",
+    phaseDone: "done",
+    phaseError: "error",
+    stopping: "stopping",
+    scanned: "scanned {count}",
+    changed: "changed {count}",
+    skipped: "skipped {count}",
+    chunksProgress: "{done} / {total} ({pct}%)",
+    result: "result",
+    added: "added {count}",
+    removed: "removed {count}",
+    failed: "failed {count}",
+    skippedFiles: "{total} files ({details})",
+    rebuildStarted: "rebuild started",
+    incrementalStarted: "incremental index started",
+    stopRequested: "stopping requested \u2014 current chunk batch will finish first",
+    startingDaemon: "starting ollama daemon (15s timeout)\u2026",
+    daemonUp: "daemon is up",
+    daemonTimeout: "daemon didn't come up in time \u2014 check ollama serve manually",
+    pullingModel: "pulling {model} \u2014 this may take a few minutes on first install",
+    savedConfig: "saved \xB7 {count} fields updated \xB7 re-run index to apply",
+    runningPreview: "running dry walk against project root\u2026",
+    exclude: "exclude"
+  },
+  modal: {
+    shellTitle: "shell command",
+    shellBgTitle: "background process",
+    shellSubtitle: "model wants to run a shell command",
+    shellBgSubtitle: "long-running \u2014 keeps running after approval",
+    runOnce: "Run once",
+    alwaysAllow: 'Always allow "{prefix}"',
+    deny: "Deny",
+    choiceTitle: "model wants you to pick",
+    typeOwn: "Type my own answer",
+    typeOwnSummary: "None of the above fits \u2014 write a free-form reply.",
+    typePlaceholder: "Type a free-form answer\u2026",
+    send: "Send",
+    cancel: "Cancel",
+    cancelSummary: "Drop the question. Model will ask what you actually want.",
+    planTitle: "plan submitted",
+    planSubtitle: "model proposed a plan; review then pick",
+    approveInstructions: "Optional last instructions / answers to open questions (Enter to send blank)",
+    refinePlaceholder: "What needs to change? Be specific.",
+    approve: "Approve",
+    refine: "Refine",
+    sendRefinement: "Send refinement",
+    editTitle: "edit pending review",
+    editSubtitle: "{path} \xB7 {remaining} of {total} blocks remaining",
+    before: "before",
+    after: "after",
+    workspaceTitle: "model wants to switch workspace",
+    workspaceSubtitle: "every subsequent file / shell / memory tool resolves against the new root",
+    switchBtn: "Switch (Enter)",
+    denyBtn: "Deny (Esc)",
+    stepComplete: "step complete{counter}",
+    continueBtn: "Continue",
+    reviseBtn: "Revise\u2026",
+    stopBtn: "Stop",
+    revisionTitle: "model proposed a plan revision",
+    sendRevision: "Send revision",
+    accept: "Accept",
+    reject: "Reject",
+    arguments: "arguments",
+    revisePlaceholder: "What needs to change before the next step? Leave blank to just continue."
+  }
+};
+
+// dashboard/src/i18n/zh-CN.ts
+var zhCN = {
+  app: {
+    sectionWorkspace: "\u5DE5\u4F5C\u533A",
+    sectionObserve: "\u76D1\u63A7",
+    sectionConfigure: "\u914D\u7F6E",
+    tabChat: "\u5BF9\u8BDD",
+    tabPlans: "\u8BA1\u5212",
+    tabSessions: "\u4F1A\u8BDD",
+    tabOverview: "\u6982\u89C8",
+    tabUsage: "\u7528\u91CF",
+    tabSystem: "\u7CFB\u7EDF",
+    tabSemantic: "\u8BED\u4E49",
+    tabTools: "\u5DE5\u5177",
+    tabPermissions: "\u6743\u9650",
+    tabMcp: "MCP",
+    tabSkills: "\u6280\u80FD",
+    tabMemory: "\u8BB0\u5FC6",
+    tabHooks: "\u94A9\u5B50",
+    tabSettings: "\u8BBE\u7F6E",
+    footer: "\u4EC5 127.0.0.1 \xB7 Token \u4FDD\u62A4"
+  },
+  common: {
+    loading: "\u52A0\u8F7D\u4E2D\u2026",
+    loadingFailed: "{name}\u5931\u8D25\uFF1A{error}",
+    back: "\u2190 \u8FD4\u56DE",
+    save: "\u4FDD\u5B58",
+    remove: "\u79FB\u9664",
+    cancel: "\u53D6\u6D88",
+    delete: "\u5220\u9664",
+    add: "\u6DFB\u52A0",
+    confirm: "\u786E\u8BA4",
+    noData: "\u6682\u65E0{name}\u3002",
+    all: "\u5168\u90E8",
+    yes: "\u662F",
+    no: "\u5426",
+    on: "\u5F00\u542F",
+    off: "\u5173\u95ED",
+    enabled: "\u5DF2\u542F\u7528",
+    disabled: "\u5DF2\u7981\u7528"
+  },
+  settings: {
+    title: "\u8BBE\u7F6E",
+    loading: "\u52A0\u8F7D\u8BBE\u7F6E\u2026",
+    saved: "\u5DF2\u4FDD\u5B58\uFF1A{fields}",
+    sectionApi: "DeepSeek API",
+    apiKey: "API \u5BC6\u94A5",
+    notSet: "\uFF08\u672A\u8BBE\u7F6E\uFF09",
+    replace: "\u66FF\u6362",
+    pasteKey: "\u7C98\u8D34\u65B0\u7684 sk-\u2026 \u4EE4\u724C",
+    saveKey: "\u4FDD\u5B58\u5BC6\u94A5",
+    baseUrl: "\u57FA\u7840 URL",
+    baseUrlPlaceholder: "https://api.deepseek.com\uFF08\u9ED8\u8BA4\uFF09",
+    sectionDefaults: "\u9ED8\u8BA4\u8BBE\u7F6E",
+    preset: "\u9884\u8BBE",
+    presetAuto: "auto \u2014 flash \u57FA\u7EBF\uFF0C\u56F0\u96BE\u65F6\u81EA\u52A8\u5347\u7EA7\u4E3A pro",
+    presetFlash: "flash \u2014 \u59CB\u7EC8\u4F7F\u7528 flash\uFF0C\u4E0D\u81EA\u52A8\u5347\u7EA7",
+    presetPro: "pro \u2014 \u59CB\u7EC8\u4F7F\u7528 pro",
+    appliesNextTurn: "\u4E0B\u4E00\u8F6E\u751F\u6548",
+    effort: "\u63A8\u7406\u5F3A\u5EA6",
+    effortMax: "max\uFF08\u9ED8\u8BA4 \u2014 \u6700\u4F73\u8D28\u91CF\uFF09",
+    effortHigh: "high\uFF08\u66F4\u4FBF\u5B9C / \u66F4\u5FEB\uFF09",
+    webSearch: "\u7F51\u9875\u641C\u7D22",
+    webSearchNote: "web_fetch + web_search \u5DE5\u5177",
+    sectionRuntime: "\u8FD0\u884C\u65F6",
+    activeModel: "\u5F53\u524D\u6A21\u578B",
+    editMode: "\u7F16\u8F91\u6A21\u5F0F",
+    editModeNote: "\u5728\u5BF9\u8BDD\u6807\u7B7E\u9875\u5934\u90E8\u5207\u6362",
+    sectionLanguage: "\u8BED\u8A00",
+    language: "\u8BED\u8A00",
+    langEn: "English",
+    langZhCn: "\u7B80\u4F53\u4E2D\u6587"
+  },
+  chat: {
+    modeMirror: "TUI \u955C\u50CF",
+    modeView: "\u4F1A\u8BDD\u89C6\u56FE",
+    placeholder: "\u8F93\u5165\u63D0\u793A\u8BCD \u2014 Enter \u53D1\u9001\uFF0CShift+Enter \u6362\u884C \xB7 / @ \u6253\u5F00\u9009\u62E9\u5668",
+    placeholderBusy: "\u8BF7\u7B49\u5F85\u5F53\u524D\u8F6E\u6B21\u5B8C\u6210\u2026",
+    send: "\u53D1\u9001",
+    new: "\u65B0\u5EFA",
+    clear: "\u6E05\u9664",
+    newTitle: "/new \u2014 \u6E05\u9664\u5BF9\u8BDD\u4E0A\u4E0B\u6587\uFF08\u5FAA\u73AF\u65E5\u5FD7 + \u6EDA\u52A8\u56DE\u653E\uFF09",
+    clearTitle: "/clear \u2014 \u4EC5\u6E05\u9664\u53EF\u89C1\u7684\u6EDA\u52A8\u56DE\u653E\uFF08\u4E0A\u4E0B\u6587\u4FDD\u7559\uFF09",
+    noConversation: "\u6682\u65E0\u5BF9\u8BDD\u3002\u5728\u4E0B\u65B9\u53D1\u9001\u63D0\u793A\u8BCD\u5F00\u59CB\u3002",
+    newConfirmBusy: "\u6709\u8F6E\u6B21\u6B63\u5728\u6267\u884C\u3002\u4E2D\u6B62\u5E76\u5F00\u59CB\u65B0\u5BF9\u8BDD\uFF1F",
+    newConfirm: "\u6E05\u9664\u5F53\u524D\u5BF9\u8BDD\u5E76\u91CD\u65B0\u5F00\u59CB\uFF1F",
+    newToast: "\u65B0\u5BF9\u8BDD",
+    clearToast: "\u6EDA\u52A8\u56DE\u653E\u5DF2\u6E05\u9664",
+    newFailed: "/new \u5931\u8D25\uFF1A{error}",
+    clearFailed: "/clear \u5931\u8D25\uFF1A{error}",
+    eventStreamError: "\u4E8B\u4EF6\u6D41\u4E2D\u65AD \u2014 \u6B63\u5728\u91CD\u8FDE\u2026",
+    semanticBanner: "\u6B64\u9879\u76EE\u672A\u542F\u7528\u8BED\u4E49\u641C\u7D22\u3002",
+    semanticBannerDesc: "\u6784\u5EFA\u4E00\u6B21\u7D22\u5F15\uFF0C\u6A21\u578B\u5373\u53EF\u6309\u542B\u4E49\u67E5\u627E\u4EE3\u7801\uFF08\u201C\u54EA\u91CC\u5904\u7406\u8BA4\u8BC1\u5931\u8D25\uFF1F\u201D\uFF09\uFF0C\u800C\u4E0D\u4EC5\u4F9D\u8D56\u7CBE\u786E\u5B57\u7B26\u4E32\u7684 grep\u3002",
+    semanticBannerBtn: "\u6784\u5EFA \u2192",
+    semanticBannerDismiss: "\u5173\u95ED\uFF08\u4E0D\u518D\u663E\u793A\uFF09",
+    slashCommands: "\u659C\u6760\u547D\u4EE4",
+    projectFiles: "\u9879\u76EE\u6587\u4EF6",
+    effortTitle: "reasoning_effort \u2014 \u4E0B\u4E00\u8F6E\u751F\u6548",
+    effortMaxTitle: "max\uFF08\u9ED8\u8BA4 \u2014 \u6700\u4F73\u8D28\u91CF\uFF09",
+    effortHighTitle: "high\uFF08\u66F4\u4FBF\u5B9C / \u66F4\u5FEB\uFF09",
+    presetTitle: "\u9884\u8BBE \u2014 \u6A21\u578B\u627F\u8BFA",
+    presetAutoTitle: "auto \u2014 flash \u57FA\u7EBF\uFF1B\u56F0\u96BE\u8F6E\u6B21\u81EA\u52A8\u5347\u7EA7\u4E3A pro\uFF08NEEDS_PRO / \u5931\u8D25\u9608\u503C\uFF09",
+    presetFlashTitle: "flash \u2014 \u59CB\u7EC8 flash\uFF1B\u4E0D\u81EA\u52A8\u5347\u7EA7\u3002/pro \u4ECD\u53EF\u7528\u4E8E\u4E00\u6B21\u6027\u624B\u52A8\u63D0\u5347",
+    presetProTitle: "pro \u2014 \u59CB\u7EC8 pro\uFF1B\u7EA6 3 \u500D flash \u6210\u672C\uFF085/31 \u6298\u6263\uFF09\u3002\u9501\u5B9A\u56F0\u96BE\u7684\u67B6\u6784\u5DE5\u4F5C\u3002",
+    editGateTitle: "\u7F16\u8F91\u95E8\u63A7 \u2014 Shift+Tab \u5728 TUI \u4E2D\u5FAA\u73AF",
+    editReviewTitle: "review \u2014 \u7F16\u8F91\u548C\u975E\u5141\u8BB8\u5217\u8868\u7684 shell \u547D\u4EE4\u90FD\u4F1A\u5148\u8BE2\u95EE",
+    editAutoTitle: "auto \u2014 \u7F16\u8F91\u81EA\u52A8\u5E94\u7528\uFF0Cshell \u4ECD\u4F1A\u8BE2\u95EE",
+    editYoloTitle: "yolo \u2014 \u7F16\u8F91\u548C shell \u90FD\u81EA\u52A8\u8FD0\u884C\uFF0C\u7ED5\u8FC7\u5141\u8BB8\u5217\u8868",
+    railSession: "\u4F1A\u8BDD",
+    railTurns: "\u8F6E\u6B21",
+    railPromptTok: "\u63D0\u793A tokens",
+    railCost: "\u8D39\u7528",
+    railCacheHit: "\u7F13\u5B58\u547D\u4E2D",
+    railToolBudget: "\u5DE5\u5177\u9884\u7B97",
+    railSpend: "\u5DF2\u7528",
+    railActivePlan: "\u6D3B\u8DC3\u8BA1\u5212",
+    railProgress: "\u8FDB\u5EA6",
+    statusModel: "\u6A21\u578B",
+    statusCtx: "\u4E0A\u4E0B\u6587",
+    statusCache: "\u7F13\u5B58",
+    statusTurn: "\u8F6E\u6B21",
+    statusSession: "\u4F1A\u8BDD",
+    statusBalance: "\u4F59\u989D",
+    statusTurns: "{count} \u8F6E",
+    waitingStats: "\xB7 \xB7 \xB7  \u7B49\u5F85\u5B9E\u65F6\u7EDF\u8BA1",
+    inflightPhase: "{phase}",
+    inflightRunning: "\u8FD0\u884C\u4E2D",
+    inflightThinking: "\u601D\u8003\u4E2D",
+    inflightStreaming: "\u8F93\u51FA\u4E2D",
+    inflightWaiting: "\u7B49\u5F85\u4E2D",
+    inflightReasoning: "\u63A8\u7406 {count} \u5B57\u7B26",
+    inflightOut: "\u8F93\u51FA {count} \u5B57\u7B26",
+    abortBtn: "\u4E2D\u6B62 (Esc)",
+    confirmBtn: "\u5E94\u7528 (y)",
+    rejectBtn: "\u62D2\u7EDD (n)",
+    applyRestBtn: "\u5E94\u7528\u5269\u4F59 (a)",
+    flipAutoBtn: "\u5207\u6362\u4E3A AUTO (A)"
+  },
+  overview: {
+    loading: "\u52A0\u8F7D\u6982\u89C8\u2026",
+    failed: "\u6982\u89C8\u5931\u8D25\uFF1A{error}",
+    standaloneTitle: "\u72EC\u7ACB\u6A21\u5F0F",
+    standaloneDesc: "\u53EA\u8BFB\u78C1\u76D8\u89C6\u56FE\u3002\u5728 reasonix code \u5185\u542F\u52A8 /dashboard \u4EE5\u83B7\u53D6\u5B9E\u65F6\u4F1A\u8BDD\u72B6\u6001\u3001MCP \u548C\u5DE5\u5177\u3002",
+    cockpit: "\u9A7E\u9A76\u8231",
+    balance: "\u4F59\u989D",
+    tokens7d: "tokens \xB7 7 \u5929",
+    cacheHit: "\u7F13\u5B58\u547D\u4E2D",
+    toolCalls24h: "\u5DE5\u5177\u8C03\u7528 \xB7 24 \u5C0F\u65F6",
+    currentSession: "\u5F53\u524D\u4F1A\u8BDD",
+    noSession: "\u65E0\u6D3B\u8DC3\u4F1A\u8BDD \u2014 \u5728 reasonix code \u5185\u6267\u884C /dashboard \u8FDB\u884C\u8FDE\u63A5\u3002",
+    promptTok: "\u63D0\u793A tokens",
+    completionTok: "\u8865\u5168 tokens",
+    cost: "\u8D39\u7528",
+    costTrend: "\u8D39\u7528 \xB7 14 \u5929",
+    noUsageYet: "\u6682\u65E0\u7528\u91CF",
+    dayAvg: "/\u5929 \u5747\u503C",
+    recentPlans: "\u8FD1\u671F\u8BA1\u5212",
+    noPlans: "\u6682\u65E0\u8BA1\u5212 \u2014 \u4F7F\u7528 submit_plan \u63D0\u4EA4\u4E00\u4E2A\u3002",
+    toolActivity: "\u5DE5\u5177\u6D3B\u52A8",
+    noToolCalls: "\u6682\u65E0\u5DE5\u5177\u8C03\u7528\u3002",
+    toolsLoaded: "\u5DF2\u52A0\u8F7D\u5DE5\u5177",
+    mcpServers: "MCP \u670D\u52A1\u5668",
+    editMode: "\u7F16\u8F91\u6A21\u5F0F",
+    version: "Reasonix",
+    workingDir: "\u5DE5\u4F5C\u76EE\u5F55",
+    projectRoot: "\u9879\u76EE\u6839\u76EE\u5F55",
+    noPriorData: "\u65E0\u5386\u53F2\u6570\u636E",
+    stable: "\u2014 \u7A33\u5B9A",
+    vsPrior: "{arrow} {pct}% \u8F83\u4E0A\u671F",
+    active: "\u6D3B\u8DC3",
+    allUp: "\u5168\u90E8\u5728\u7EBF",
+    yoloWarning: "\u6240\u6709\u63D0\u793A\u88AB\u7ED5\u8FC7",
+    checking: "\u68C0\u67E5\u4E2D",
+    latest: "\u6700\u65B0"
+  },
+  usage: {
+    loading: "\u52A0\u8F7D\u7528\u91CF\u2026",
+    failed: "\u7528\u91CF\u5931\u8D25\uFF1A{error}",
+    records: "{count} \u6761\u8BB0\u5F55",
+    dailyUsage: "\u6BCF\u65E5\u7528\u91CF",
+    dailyMeta: "\u8D39\u7528 \xB7 \u7F13\u5B58\u8282\u7701 \xB7 \u8F6E\u6B21",
+    noData: "\u6682\u65E0\u7528\u91CF\u6570\u636E \u2014 \u5728 reasonix chat / code / run \u4E2D\u6267\u884C\u4E00\u8F6E\uFF0C\u7136\u540E\u5237\u65B0\u3002",
+    windows: "\u6EDA\u52A8\u7A97\u53E3",
+    colTurns: "\u8F6E\u6B21",
+    colCacheHit: "\u7F13\u5B58\u547D\u4E2D",
+    colCost: "\u8D39\u7528 (USD)",
+    colCacheSaved: "\u7F13\u5B58\u8282\u7701",
+    colVsClaude: "\u5BF9\u6BD4 Claude",
+    colSaved: "\u8282\u7701",
+    mostUsed: "\u6700\u5E38\u7528\u6A21\u578B",
+    colModel: "\u6A21\u578B"
+  },
+  sessions: {
+    loading: "\u52A0\u8F7D\u4F1A\u8BDD\u2026",
+    failed: "\u4F1A\u8BDD\u5931\u8D25\uFF1A{error}",
+    noSessions: "\u6682\u65E0\u5DF2\u4FDD\u5B58\u7684\u4F1A\u8BDD\u3002",
+    filterPlaceholder: "\u7B5B\u9009\u4F1A\u8BDD",
+    msgs: "\u6761\u6D88\u606F",
+    pickHint: "\u9009\u62E9\u5DE6\u4FA7\u7684\u4F1A\u8BDD\u4EE5\u67E5\u770B\u5176\u8F6C\u5F55\u7A3F\u3002",
+    resumeTitle: "\u5728 TUI \u4E2D\u6062\u590D",
+    resumeDesc: "\u4F1A\u8BDD\u4E2D\u9014\u5207\u6362\u9700\u8981\u91CD\u542F\uFF0C\u4EE5\u4FBF\u6D88\u606F\u65E5\u5FD7\u53EF\u4EE5\u5E72\u51C0\u5730\u56DE\u9000\u3002\u8BF7\u9000\u51FA\u5F53\u524D\u4F1A\u8BDD\uFF0C\u7136\u540E\u8FD0\u884C\uFF1A",
+    loadingTranscript: "\u52A0\u8F7D\u8F6C\u5F55\u7A3F\u2026",
+    emptyTranscript: "\u7A7A\u7684\u8F6C\u5F55\u7A3F\u3002",
+    messages: "{count} \u6761\u6D88\u606F"
+  },
+  tools: {
+    loading: "\u52A0\u8F7D\u5DE5\u5177\u2026",
+    failed: "\u5DE5\u5177\u5931\u8D25\uFF1A{error}",
+    noTools: "\u672A\u6CE8\u518C\u4EFB\u4F55\u5DE5\u5177\u3002",
+    planMode: "\u8BA1\u5212\u6A21\u5F0F \u2014 \u5199\u5165\u53D7\u9650",
+    colTool: "\u5DE5\u5177",
+    colFlags: "\u6807\u5FD7",
+    colDesc: "\u63CF\u8FF0",
+    readOnly: "\u53EA\u8BFB",
+    write: "\u5199\u5165",
+    flat: "\u6241\u5E73"
+  },
+  permissions: {
+    loading: "\u52A0\u8F7D\u6743\u9650\u2026",
+    failed: "\u6743\u9650\u5931\u8D25\uFF1A{error}",
+    yoloTitle: "YOLO \u6A21\u5F0F",
+    yoloDesc: "\u6240\u6709 shell \u547D\u4EE4\u81EA\u52A8\u8FD0\u884C\uFF0C\u5141\u8BB8\u5217\u8868\u88AB\u7ED5\u8FC7\u3002\u5728 TUI \u4E2D\u4F7F\u7528 /mode review \u5207\u6362\u56DE\u6765\u3002",
+    project: "\u9879\u76EE",
+    builtin: "\u5185\u7F6E",
+    addPrefix: "\u6DFB\u52A0\u524D\u7F00",
+    addPlaceholder: '\u4F8B\u5982 "npm run build" \u6216 "deploy.sh"',
+    clearAll: "\u6E05\u9664\u5168\u90E8",
+    alreadyIn: "{prefix} \u5DF2\u5728\u5217\u8868\u4E2D",
+    added: "\u5DF2\u6DFB\u52A0\uFF1A{prefix}",
+    removed: "\u5DF2\u79FB\u9664\uFF1A{prefix}",
+    cleared: "\u5DF2\u6E05\u9664 {count} \u6761",
+    removeConfirm: '\u4ECE\u6B64\u9879\u76EE\u7684\u5141\u8BB8\u5217\u8868\u4E2D\u79FB\u9664 "{prefix}"\uFF1F',
+    clearConfirm: "\u6E05\u9664\u6240\u6709\u9879\u76EE\u5141\u8BB8\u5217\u8868\u6761\u76EE\uFF1F\u5185\u7F6E\u6761\u76EE\u4E0D\u53D7\u5F71\u54CD\u3002",
+    projectAllowlist: "\u9879\u76EE\u5141\u8BB8\u5217\u8868 \xB7 {count}",
+    nothingStored: "\u6B64\u9879\u76EE\u6682\u65E0\u5B58\u50A8\u7684\u6761\u76EE\u3002",
+    colNum: "#",
+    colPrefix: "\u524D\u7F00",
+    builtinTitle: "\u5185\u7F6E \xB7 {count} \xB7 \u53EA\u8BFB",
+    standaloneWarning: "\u4FEE\u6539\u64CD\u4F5C\u9700\u8981\u5728\u6D3B\u8DC3\u7684 reasonix code \u4F1A\u8BDD\u5185\u6267\u884C /dashboard \u2014 \u72EC\u7ACB\u6A21\u5F0F\u7684 reasonix dashboard \u65E0\u6CD5\u786E\u5B9A\u8981\u7F16\u8F91\u54EA\u4E2A\u9879\u76EE\u7684\u5141\u8BB8\u5217\u8868\u3002"
+  },
+  mcp: {
+    loading: "\u52A0\u8F7D MCP\u2026",
+    servers: "MCP \u670D\u52A1\u5668 \xB7 {count} \u4E2A\u5DF2\u6865\u63A5",
+    all: "\u5168\u90E8",
+    live: "\u5728\u7EBF",
+    unbridged: "\u672A\u6865\u63A5",
+    specPlaceholder: "\u89C4\u683C \u2014 \u4F8B\u5982 fs=npx -y @modelcontextprotocol/...",
+    saved: "\u5DF2\u4FDD\u5B58",
+    savedRestart: "\u5DF2\u4FDD\u5B58 \u2014 \u91CD\u542F reasonix code \u4EE5\u6865\u63A5\u6B64\u670D\u52A1\u5668",
+    removed: "\u5DF2\u79FB\u9664 \u2014 \u91CD\u542F\u4EE5\u65AD\u5F00\u5B9E\u65F6\u6865\u63A5",
+    removeConfirm: "\u4ECE\u914D\u7F6E\u4E2D\u79FB\u9664 MCP \u89C4\u683C\uFF1F\n\n{spec}",
+    noServers: "\u6B64\u4F1A\u8BDD\u4E2D\u65E0 MCP \u670D\u52A1\u5668\u3002",
+    tools: "\u4E2A\u5DE5\u5177",
+    inConfig: "\u5728\u914D\u7F6E\u4E2D \xB7 \u672A\u52A0\u8F7D",
+    unbridgedTitle: "\u672A\u6865\u63A5 \xB7 \u5728\u914D\u7F6E\u4E2D",
+    removeBtn: "\u79FB\u9664",
+    spec: "\u89C4\u683C",
+    whyUnbridged: "\u4E3A\u4EC0\u4E48\u672A\u6865\u63A5\uFF1F",
+    whyUnbridgedDesc: "\u6B64\u89C4\u683C\u5B58\u5728\u4E8E\u60A8\u7684 config.json \u4E2D\uFF0C\u4F46\u672A\u6865\u63A5\u5230\u5B9E\u65F6\u4F1A\u8BDD\u3002MCP \u670D\u52A1\u5668\u5728 reasonix code \u542F\u52A8\u65F6\u8FDE\u63A5\uFF1B\u4EEA\u8868\u76D8\u672C\u8EAB\u65E0\u6CD5\u751F\u6210\u5B50\u8FDB\u7A0B\u3002",
+    whyUnbridgedHint: "\u6FC0\u6D3B\u65B9\u6CD5\uFF1A\u91CD\u542F reasonix code\uFF0C\u7136\u540E\u5237\u65B0\u6B64\u4EEA\u8868\u76D8\u3002",
+    pickHint: "\u9009\u62E9\u5DE6\u4FA7\u7684 MCP \u670D\u52A1\u5668\u4EE5\u68C0\u67E5\u5DE5\u5177 / \u8D44\u6E90 / \u63D0\u793A\u3002",
+    toolsTitle: "\u5DE5\u5177 \xB7 {count}",
+    resourcesTitle: "\u8D44\u6E90 \xB7 {count}",
+    promptsTitle: "\u63D0\u793A \xB7 {count}",
+    colName: "\u540D\u79F0",
+    colDesc: "\u63CF\u8FF0",
+    colUri: "URI"
+  },
+  memory: {
+    loading: "\u52A0\u8F7D\u8BB0\u5FC6\u2026",
+    files: "\u8BB0\u5FC6 \xB7 {count} \u4E2A\u6587\u4EF6",
+    exists: "\u5DF2\u5B58\u5728",
+    create: "\u521B\u5EFA",
+    noFiles: "\u6682\u65E0\u8BB0\u5FC6\u6587\u4EF6\u3002",
+    pickHint: "\u9009\u62E9\u5DE6\u4FA7\u7684\u8BB0\u5FC6\u6587\u4EF6\u3002",
+    pickDesc: "\u9879\u76EE REASONIX.md \u53EF\u63D0\u4EA4\uFF1B\u5168\u5C40\u7B14\u8BB0\u5B58\u50A8\u5728 ~/.reasonix/memory/\u3002",
+    chars: "{count} \u4E2A\u5B57\u7B26",
+    saved: "\u5DF2\u4FDD\u5B58 {scope}",
+    reloadHint: "\u5728\u4E0B\u6B21 /new \u6216\u4F1A\u8BDD\u91CD\u542F\u65F6\u91CD\u65B0\u52A0\u8F7D"
+  },
+  hooks: {
+    loading: "\u52A0\u8F7D\u94A9\u5B50\u2026",
+    resolved: "\u5DF2\u89E3\u6790",
+    eventMatrix: "\u4E8B\u4EF6\u77E9\u9635",
+    matrixSub: "{scripts} \u4E2A\u811A\u672C \xD7 {events} \u4E2A\u4E8B\u4EF6",
+    noHooks: "\u672A\u914D\u7F6E\u94A9\u5B50\u3002\u7F16\u8F91\u4E0B\u65B9\u7684 JSON \u4EE5\u6DFB\u52A0\u3002",
+    colScript: "\u811A\u672C",
+    noProject: "\u65E0\u6D3B\u8DC3\u9879\u76EE \u2014 \u5728 reasonix code \u4E2D\u6253\u5F00 /dashboard \u4EE5\u7F16\u8F91\u9879\u76EE\u94A9\u5B50\u3002",
+    saveReload: "\u4FDD\u5B58\u5E76\u91CD\u8F7D",
+    discard: "\u653E\u5F03\u66F4\u6539",
+    savedReloaded: "\u5DF2\u4FDD\u5B58\u5E76\u91CD\u8F7D {scope}",
+    recentRuns: "\u8FD1\u671F\u8FD0\u884C",
+    noRuns: "\u8FD1\u671F\u4F1A\u8BDD\u65E5\u5FD7\u4E2D\u65E0\u94A9\u5B50\u8FD0\u884C\u8BB0\u5F55\u3002",
+    colWhen: "\u65F6\u95F4",
+    colPhase: "\u9636\u6BB5",
+    colHook: "\u94A9\u5B50",
+    colOutcome: "\u7ED3\u679C"
+  },
+  skills: {
+    loading: "\u52A0\u8F7D\u6280\u80FD\u2026",
+    filterPlaceholder: "\u7B5B\u9009\u6280\u80FD",
+    project: "\u9879\u76EE",
+    global: "\u5168\u5C40",
+    builtin: "\u5185\u7F6E",
+    newSkill: "\u65B0\u6280\u80FD",
+    noDescription: "\uFF08\u65E0\u63CF\u8FF0\uFF09",
+    runs7d: "\u6B21\u8FD0\u884C \xB7 7 \u5929",
+    pickHint: "\u9009\u62E9\u5DE6\u4FA7\u7684\u6280\u80FD\uFF0C\u6216\u5728\u4E0A\u65B9\u521B\u5EFA\u65B0\u6280\u80FD\u3002",
+    readOnlyBuiltin: "\u53EA\u8BFB \xB7 \u5185\u7F6E",
+    builtinDesc: "\u5185\u7F6E\u6280\u80FD\u968F Reasonix \u4E00\u8D77\u53D1\u5E03\uFF1B\u6A21\u578B\u4F1A\u81EA\u52A8\u8BC6\u522B\u3002\u5982\u9700\u81EA\u5B9A\u4E49\uFF0C\u8BF7\u521B\u5EFA\u540C\u540D\u7684\u9879\u76EE\u6216\u5168\u5C40\u6280\u80FD\u3002",
+    saved: "\u5DF2\u4FDD\u5B58 {scope}/{name}",
+    deleteConfirm: "\u5220\u9664\u6280\u80FD {scope}/{name}\uFF1F",
+    reloadHint: "\u5728\u4E0B\u6B21 /new \u6216\u4F1A\u8BDD\u91CD\u542F\u65F6\u91CD\u65B0\u52A0\u8F7D"
+  },
+  system: {
+    loading: "\u52A0\u8F7D\u5065\u5EB7\u72B6\u6001\u2026",
+    failed: "\u5065\u5EB7\u68C0\u67E5\u5931\u8D25\uFF1A{error}",
+    healthChecks: "\u5065\u5EB7\u68C0\u67E5",
+    version: "\u7248\u672C",
+    checking: "\u68C0\u67E5\u4E2D",
+    latest: "\u25CF \u6700\u65B0",
+    outOfDate: "\u25CF \u9700\u8981\u66F4\u65B0",
+    versionPending: "\u7248\u672C\u68C0\u67E5\u4E2D",
+    upToDate: "\u5DF2\u662F\u6700\u65B0",
+    latestVer: "\u6700\u65B0\uFF1A{version}",
+    sessions: "\u4F1A\u8BDD",
+    ok: "\u25CF \u6B63\u5E38",
+    memory: "\u8BB0\u5FC6",
+    semanticIndex: "\u8BED\u4E49\u7D22\u5F15",
+    built: "\u25CF \u5DF2\u6784\u5EFA",
+    none: "\u2014 \u65E0",
+    runIndex: "\u8FD0\u884C reasonix index \u4EE5\u6784\u5EFA",
+    usageLog: "\u7528\u91CF\u65E5\u5FD7",
+    backgroundJobs: "\u540E\u53F0\u4EFB\u52A1",
+    noSession: "\u2014 \u65E0\u4F1A\u8BDD",
+    running: "{count} \u4E2A\u8FD0\u884C\u4E2D",
+    attachHint: "\u8FDE\u63A5\u4F1A\u8BDD\u4EE5\u67E5\u770B\u4EFB\u52A1",
+    shellSpawn: "Shell + \u751F\u6210",
+    paths: "\u8DEF\u5F84",
+    home: "\u4E3B\u76EE\u5F55",
+    sessionsPath: "\u4F1A\u8BDD",
+    memoryPath: "\u8BB0\u5FC6",
+    semanticPath: "\u8BED\u4E49",
+    usagePath: "\u7528\u91CF"
+  },
+  plans: {
+    loading: "\u52A0\u8F7D\u8BA1\u5212\u2026",
+    failed: "\u8BA1\u5212\u5931\u8D25\uFF1A{error}",
+    noPlans: "\u6682\u65E0\u5F52\u6863\u8BA1\u5212 \u2014 \u8FD0\u884C\u8C03\u7528 submit_plan \u548C mark_step_complete \u7684\u8F6E\u6B21\u3002",
+    filterPlaceholder: "\u7B5B\u9009\u8BA1\u5212",
+    active: "\u8FDB\u884C\u4E2D",
+    done: "\u5DF2\u5B8C\u6210",
+    steps: "\u6B65\u9AA4",
+    pickHint: "\u9009\u62E9\u5DE6\u4FA7\u7684\u8BA1\u5212\u3002",
+    noTitle: "\uFF08\u65E0\u6807\u9898\uFF09",
+    stepTimeline: "\u6B65\u9AA4\u65F6\u95F4\u7EBF \xB7 {done} / {total}",
+    step: "\u6B65\u9AA4 {n}"
+  },
+  semantic: {
+    codeRequired: "\u8BED\u4E49 \u2014 \u9700\u8981\u4EE3\u7801\u6A21\u5F0F",
+    indexBuilt: "\u7D22\u5F15\u5DF2\u6784\u5EFA",
+    noIndex: "\u5C1A\u65E0\u7D22\u5F15",
+    ready: "\u5C31\u7EEA",
+    setupNeeded: "\u9700\u8981\u8BBE\u7F6E",
+    installOllama: "\u5B89\u88C5 Ollama",
+    installOllamaDesc: "Reasonix \u4E0D\u4F1A\u4E3A\u60A8\u8FD0\u884C\u5305\u7BA1\u7406\u5668\u3002\u8BF7\u5148\u5B89\u88C5 Ollama\uFF0C\u7136\u540E\u8FD4\u56DE\uFF1A",
+    macWindows: "macOS / Windows\uFF1A",
+    download: "\u4ECE ollama.com/download \u4E0B\u8F7D",
+    linux: "Linux\uFF1A",
+    refreshHint: "\u5B89\u88C5\u540E\u5237\u65B0 \u2014 \u6B64\u9762\u677F\u5C06\u63D0\u4F9B\u542F\u52A8\u5B88\u62A4\u8FDB\u7A0B\u548C\u62C9\u53D6 {model} \u7684\u9009\u9879\u3002",
+    daemon: "\u5B88\u62A4\u8FDB\u7A0B",
+    daemonDesc: "ollama \u5728\u60A8\u7684 PATH \u4E2D\uFF0C\u4F46 HTTP \u5B88\u62A4\u8FDB\u7A0B\u4E0D\u53EF\u8FBE\u3002",
+    startDaemon: "\u542F\u52A8\u5B88\u62A4\u8FDB\u7A0B",
+    runsOllama: "\u4EE5\u5206\u79BB\u6A21\u5F0F\u8FD0\u884C ollama serve",
+    model: "\u6A21\u578B",
+    modelMissing: "{model} \u5C1A\u672A\u5B89\u88C5\u3002",
+    modelSize: "\u9996\u6B21\u62C9\u53D6\u7EA6 270 MB\u3002",
+    pulling: "\u62C9\u53D6\u4E2D\u2026",
+    pullModel: "\u62C9\u53D6 {model}",
+    indexStatus: "\u7D22\u5F15\u72B6\u6001",
+    builtStatus: "\u25CF \u5DF2\u6784\u5EFA",
+    chunks: "\u5206\u5757",
+    files: "\u6587\u4EF6",
+    dim: "\u7EF4\u5EA6",
+    size: "\u5927\u5C0F",
+    lastBuild: "\u4E0A\u6B21\u6784\u5EFA",
+    runIndexHint: "\u8FD0\u884C\u7D22\u5F15\u4EE5\u542F\u7528 semantic_search\u3002",
+    reIndex: "\u91CD\u5EFA\u7D22\u5F15",
+    build: "\u6784\u5EFA",
+    rebuild: "\u5B8C\u5168\u91CD\u5EFA",
+    stop: "\u505C\u6B62",
+    ollama: "Ollama",
+    binary: "\u4E8C\u8FDB\u5236",
+    found: "\u5DF2\u627E\u5230",
+    missing: "\u7F3A\u5931",
+    daemonStatus: "\u5B88\u62A4\u8FDB\u7A0B",
+    up: "\u8FD0\u884C\u4E2D",
+    down: "\u5DF2\u505C\u6B62",
+    pulled: "\u5DF2\u62C9\u53D6",
+    indexConfig: "\u7D22\u5F15\u914D\u7F6E",
+    reset: "\u91CD\u7F6E",
+    excludeDirs: "\u6392\u9664\u76EE\u5F55",
+    excludeFiles: "\u6392\u9664\u6587\u4EF6",
+    excludeExts: "\u6392\u9664\u6269\u5C55\u540D",
+    excludePatterns: "\u6392\u9664\u6A21\u5F0F",
+    glob: "glob",
+    respectGitignore: "\u9075\u5FAA .gitignore",
+    maxFileBytes: "\u6700\u5927\u6587\u4EF6\u5B57\u8282\u6570",
+    skipLarger: "\u8DF3\u8FC7\u5927\u4E8E ~{size} MiB \u7684\u6587\u4EF6",
+    preview: "\u9884\u89C8",
+    searchPlaceholder: "\u63CF\u8FF0\u8981\u67E5\u627E\u7684\u5185\u5BB9 \u2014 '\u54EA\u91CC\u5904\u7406\u4E2D\u6B62\u4FE1\u53F7'",
+    searching: "\u641C\u7D22\u4E2D\u2026",
+    results: "{count} \u4E2A\u7ED3\u679C \xB7 {ms}ms \xB7 {model}",
+    noMatches: "\u6CA1\u6709\u8D85\u8FC7\u5206\u6570\u9608\u503C\u7684\u5339\u914D\u3002",
+    previewSummary: "\u9884\u89C8 \u2014 \u5C06\u7D22\u5F15 {included} \u4E2A\u6587\u4EF6\uFF0C\u8DF3\u8FC7 {skipped} \u4E2A",
+    nothingSkipped: "\u65E0\u8DF3\u8FC7 \u2014 \u6240\u6709\u904D\u5386\u7684\u6587\u4EF6\u90FD\u5C06\u88AB\u7D22\u5F15\u3002",
+    firstIncluded: "\u524D {count} \u4E2A\u5305\u542B\u7684\u6587\u4EF6",
+    job: "\u4EFB\u52A1",
+    phaseScan: "\u626B\u63CF\u6587\u4EF6",
+    phaseEmbed: "\u5D4C\u5165\u5206\u5757",
+    phaseWrite: "\u5199\u5165\u7D22\u5F15",
+    phaseDone: "\u5B8C\u6210",
+    phaseError: "\u9519\u8BEF",
+    stopping: "\u505C\u6B62\u4E2D",
+    scanned: "\u5DF2\u626B\u63CF {count}",
+    changed: "\u5DF2\u53D8\u66F4 {count}",
+    skipped: "\u5DF2\u8DF3\u8FC7 {count}",
+    chunksProgress: "{done} / {total}\uFF08{pct}%\uFF09",
+    result: "\u7ED3\u679C",
+    added: "\u5DF2\u6DFB\u52A0 {count}",
+    removed: "\u5DF2\u79FB\u9664 {count}",
+    failed: "\u5931\u8D25 {count}",
+    skippedFiles: "{total} \u4E2A\u6587\u4EF6\uFF08{details}\uFF09",
+    rebuildStarted: "\u5DF2\u542F\u52A8\u5B8C\u5168\u91CD\u5EFA",
+    incrementalStarted: "\u5DF2\u542F\u52A8\u589E\u91CF\u7D22\u5F15",
+    stopRequested: "\u5DF2\u8BF7\u6C42\u505C\u6B62 \u2014 \u5F53\u524D\u5206\u5757\u6279\u6B21\u5C06\u9996\u5148\u5B8C\u6210",
+    startingDaemon: "\u6B63\u5728\u542F\u52A8 ollama \u5B88\u62A4\u8FDB\u7A0B\uFF0815 \u79D2\u8D85\u65F6\uFF09\u2026",
+    daemonUp: "\u5B88\u62A4\u8FDB\u7A0B\u5DF2\u542F\u52A8",
+    daemonTimeout: "\u5B88\u62A4\u8FDB\u7A0B\u672A\u5728\u89C4\u5B9A\u65F6\u95F4\u5185\u542F\u52A8 \u2014 \u8BF7\u624B\u52A8\u68C0\u67E5 ollama serve",
+    pullingModel: "\u6B63\u5728\u62C9\u53D6 {model} \u2014 \u9996\u6B21\u5B89\u88C5\u53EF\u80FD\u9700\u8981\u51E0\u5206\u949F",
+    savedConfig: "\u5DF2\u4FDD\u5B58 \xB7 {count} \u4E2A\u5B57\u6BB5\u5DF2\u66F4\u65B0 \xB7 \u91CD\u65B0\u8FD0\u884C\u7D22\u5F15\u4EE5\u5E94\u7528",
+    runningPreview: "\u6B63\u5728\u5BF9\u9879\u76EE\u6839\u76EE\u5F55\u6267\u884C\u5E72\u8FD0\u884C\u2026",
+    exclude: "\u6392\u9664"
+  },
+  modal: {
+    shellTitle: "Shell \u547D\u4EE4",
+    shellBgTitle: "\u540E\u53F0\u8FDB\u7A0B",
+    shellSubtitle: "\u6A21\u578B\u60F3\u8981\u8FD0\u884C\u4E00\u6761 Shell \u547D\u4EE4",
+    shellBgSubtitle: "\u957F\u65F6\u95F4\u8FD0\u884C \u2014 \u6279\u51C6\u540E\u7EE7\u7EED\u8FD0\u884C",
+    runOnce: "\u8FD0\u884C\u4E00\u6B21",
+    alwaysAllow: '\u59CB\u7EC8\u5141\u8BB8 "{prefix}"',
+    deny: "\u62D2\u7EDD",
+    choiceTitle: "\u6A21\u578B\u9700\u8981\u60A8\u9009\u62E9",
+    typeOwn: "\u8F93\u5165\u81EA\u5B9A\u4E49\u56DE\u7B54",
+    typeOwnSummary: "\u4EE5\u4E0A\u9009\u9879\u90FD\u4E0D\u5408\u9002 \u2014 \u5199\u4E00\u4E2A\u81EA\u7531\u683C\u5F0F\u7684\u56DE\u590D\u3002",
+    typePlaceholder: "\u8F93\u5165\u81EA\u7531\u683C\u5F0F\u7684\u56DE\u7B54\u2026",
+    send: "\u53D1\u9001",
+    cancel: "\u53D6\u6D88",
+    cancelSummary: "\u653E\u5F03\u6B64\u95EE\u9898\u3002\u6A21\u578B\u5C06\u8BE2\u95EE\u60A8\u5B9E\u9645\u60F3\u8981\u4EC0\u4E48\u3002",
+    planTitle: "\u8BA1\u5212\u5DF2\u63D0\u4EA4",
+    planSubtitle: "\u6A21\u578B\u63D0\u51FA\u4E86\u4E00\u9879\u8BA1\u5212\uFF1B\u8BF7\u5BA1\u9605\u540E\u9009\u62E9",
+    approveInstructions: "\u53EF\u9009\u7684\u6700\u540E\u6307\u793A / \u5BF9\u5F00\u653E\u95EE\u9898\u7684\u56DE\u7B54\uFF08Enter \u53D1\u9001\u7A7A\u767D\uFF09",
+    refinePlaceholder: "\u9700\u8981\u66F4\u6539\u4EC0\u4E48\uFF1F\u8BF7\u5177\u4F53\u8BF4\u660E\u3002",
+    approve: "\u6279\u51C6",
+    refine: "\u4F18\u5316",
+    sendRefinement: "\u53D1\u9001\u4F18\u5316",
+    editTitle: "\u7F16\u8F91\u5F85\u5BA1\u9605",
+    editSubtitle: "{path} \xB7 {remaining} / {total} \u4E2A\u5757\u5269\u4F59",
+    before: "\u4FEE\u6539\u524D",
+    after: "\u4FEE\u6539\u540E",
+    workspaceTitle: "\u6A21\u578B\u60F3\u8981\u5207\u6362\u5DE5\u4F5C\u533A",
+    workspaceSubtitle: "\u540E\u7EED\u6240\u6709\u6587\u4EF6 / Shell / \u8BB0\u5FC6\u5DE5\u5177\u5C06\u9488\u5BF9\u65B0\u6839\u76EE\u5F55\u89E3\u6790",
+    switchBtn: "\u5207\u6362 (Enter)",
+    denyBtn: "\u62D2\u7EDD (Esc)",
+    stepComplete: "\u6B65\u9AA4\u5B8C\u6210{counter}",
+    continueBtn: "\u7EE7\u7EED",
+    reviseBtn: "\u4FEE\u8BA2\u2026",
+    stopBtn: "\u505C\u6B62",
+    revisionTitle: "\u6A21\u578B\u63D0\u51FA\u4E86\u8BA1\u5212\u4FEE\u8BA2",
+    sendRevision: "\u53D1\u9001\u4FEE\u8BA2",
+    accept: "\u63A5\u53D7",
+    reject: "\u62D2\u7EDD",
+    arguments: "\u53C2\u6570",
+    revisePlaceholder: "\u4E0B\u4E00\u6B65\u4E4B\u524D\u9700\u8981\u66F4\u6539\u4EC0\u4E48\uFF1F\u7559\u7A7A\u5219\u76F4\u63A5\u7EE7\u7EED\u3002"
+  }
+};
+
+// dashboard/src/i18n/index.ts
+var t4 = createT({ en, "zh-CN": zhCN });
+
 // node_modules/marked/lib/marked.esm.js
 function _getDefaults() {
   return {
@@ -18950,7 +20038,7 @@ var _Tokenizer = class {
         }
         raw = cap[0];
         src = src.substring(raw.length);
-        let line = cap[2].split("\n", 1)[0].replace(/^\t+/, (t4) => " ".repeat(3 * t4.length));
+        let line = cap[2].split("\n", 1)[0].replace(/^\t+/, (t5) => " ".repeat(3 * t5.length));
         let nextLine = src.split("\n", 1)[0];
         let indent = 0;
         if (this.options.pedantic) {
@@ -19053,8 +20141,8 @@ var _Tokenizer = class {
         this.lexer.state.top = false;
         list2.items[i3].tokens = this.lexer.blockTokens(list2.items[i3].text, []);
         if (!list2.loose) {
-          const spacers = list2.items[i3].tokens.filter((t4) => t4.type === "space");
-          const hasMultipleLineBreaks = spacers.length > 0 && spacers.some((t4) => /\n.*\n/.test(t4.raw));
+          const spacers = list2.items[i3].tokens.filter((t5) => t5.type === "space");
+          const hasMultipleLineBreaks = spacers.length > 0 && spacers.some((t5) => /\n.*\n/.test(t5.raw));
           list2.loose = hasMultipleLineBreaks;
         }
       }
@@ -20817,6 +21905,7 @@ function parseToolArgs(raw) {
   }
 }
 function ToolCard({ msg }) {
+  useLang();
   const args = parseToolArgs(msg.toolArgs);
   const name = msg.toolName ?? "tool";
   const path = args?.path ?? args?.file_path ?? args?.filename;
@@ -20898,7 +21987,7 @@ function ToolCard({ msg }) {
         <span class="tool-card-icon">▣</span>
         <span class="tool-card-name">${name}</span>
       </div>
-      ${args ? html4`<details class="tool-card-args"><summary>arguments</summary><pre>${escapeHtml(JSON.stringify(args, null, 2))}</pre></details>` : null}
+      ${args ? html4`<details class="tool-card-args"><summary>${t4("modal.arguments")}</summary><pre>${escapeHtml(JSON.stringify(args, null, 2))}</pre></details>` : null}
       <pre class="tool-card-output">${msg.text}</pre>
     </div>
   `;
@@ -20940,28 +22029,30 @@ function ModalCard({ accent, icon, title, subtitle, children }) {
   `;
 }
 function ShellModal({ modal, onResolve }) {
+  useLang();
   const isBg = modal.shellKind === "run_background";
   return html4`
     <${ModalCard}
       accent="#f87171"
       icon=${isBg ? "\u23F1" : "\u26A1"}
-      title=${isBg ? "background process" : "shell command"}
-      subtitle=${isBg ? "long-running \u2014 keeps running after approval" : "model wants to run a shell command"}
+      title=${isBg ? t4("modal.shellBgTitle") : t4("modal.shellTitle")}
+      subtitle=${isBg ? t4("modal.shellBgSubtitle") : t4("modal.shellSubtitle")}
     >
       <div class="modal-cmd"><span class="modal-cmd-prompt">$</span> <code>${modal.command}</code></div>
       <div class="modal-actions">
-        <button class="primary" onClick=${() => onResolve("shell", "run_once")}>Run once</button>
-        <button onClick=${() => onResolve("shell", "always_allow")}>Always allow "${modal.allowPrefix}"</button>
-        <button class="danger" onClick=${() => onResolve("shell", "deny")}>Deny</button>
+        <button class="primary" onClick=${() => onResolve("shell", "run_once")}>${t4("modal.runOnce")}</button>
+        <button onClick=${() => onResolve("shell", "always_allow")}>${t4("modal.alwaysAllow", { prefix: modal.allowPrefix ?? "" })}</button>
+        <button class="danger" onClick=${() => onResolve("shell", "deny")}>${t4("modal.deny")}</button>
       </div>
     <//>
   `;
 }
 function ChoiceModal({ modal, onResolve }) {
+  useLang();
   const [custom, setCustom] = p2("");
   const [showCustom, setShowCustom] = p2(false);
   return html4`
-    <${ModalCard} accent="#f0abfc" icon="🔀" title="model wants you to pick" subtitle=${modal.question}>
+    <${ModalCard} accent="#f0abfc" icon="🔀" title=${t4("modal.choiceTitle")} subtitle=${modal.question}>
       ${modal.options.map(
     (opt) => html4`
         <button
@@ -20978,60 +22069,61 @@ function ChoiceModal({ modal, onResolve }) {
       ${modal.allowCustom ? showCustom ? html4`
             <div class="modal-custom">
               <textarea
-                placeholder="Type a free-form answer…"
+                placeholder=${t4("modal.typePlaceholder")}
                 rows="2"
                 value=${custom}
                 onInput=${(e3) => setCustom(e3.target.value)}
               ></textarea>
               <div class="modal-actions">
-                <button class="primary" onClick=${() => onResolve("choice", { kind: "custom", text: custom })} disabled=${!custom.trim()}>Send</button>
+                <button class="primary" onClick=${() => onResolve("choice", { kind: "custom", text: custom })} disabled=${!custom.trim()}>${t4("modal.send")}</button>
                 <button onClick=${() => {
     setShowCustom(false);
     setCustom("");
-  }}>Back</button>
+  }}>${t4("common.back")}</button>
               </div>
             </div>
           ` : html4`
             <button class="modal-choice-row" onClick=${() => setShowCustom(true)}>
               <span class="modal-choice-id">·</span>
-              <span class="modal-choice-title">Type my own answer</span>
-              <span class="modal-choice-summary">None of the above fits — write a free-form reply.</span>
+              <span class="modal-choice-title">${t4("modal.typeOwn")}</span>
+              <span class="modal-choice-summary">${t4("modal.typeOwnSummary")}</span>
             </button>
           ` : null}
       <button class="modal-choice-row modal-choice-cancel" onClick=${() => onResolve("choice", { kind: "cancel" })}>
         <span class="modal-choice-id">×</span>
-        <span class="modal-choice-title">Cancel</span>
-        <span class="modal-choice-summary">Drop the question. Model will ask what you actually want.</span>
+        <span class="modal-choice-title">${t4("modal.cancel")}</span>
+        <span class="modal-choice-summary">${t4("modal.cancelSummary")}</span>
       </button>
     <//>
   `;
 }
 function PlanModal({ modal, onResolve }) {
+  useLang();
   const [feedback, setFeedback] = p2("");
   const [stage, setStage] = p2(null);
   const send = () => onResolve("plan", stage, feedback);
   return html4`
-    <${ModalCard} accent="#67e8f9" icon="◆" title="plan submitted" subtitle="model proposed a plan; review then pick">
+    <${ModalCard} accent="#67e8f9" icon="◆" title=${t4("modal.planTitle")} subtitle=${t4("modal.planSubtitle")}>
       <div class="md modal-plan-body" dangerouslySetInnerHTML=${{ __html: marked.parse(modal.body || "") }}></div>
       ${stage ? html4`
           <textarea
-            placeholder=${stage === "approve" ? "Optional last instructions / answers to open questions (Enter to send blank)" : "What needs to change? Be specific."}
+            placeholder=${stage === "approve" ? t4("modal.approveInstructions") : t4("modal.refinePlaceholder")}
             rows="3"
             value=${feedback}
             onInput=${(e3) => setFeedback(e3.target.value)}
           ></textarea>
           <div class="modal-actions">
-            <button class="primary" onClick=${send}>${stage === "approve" ? "Approve" : "Send refinement"}</button>
+            <button class="primary" onClick=${send}>${stage === "approve" ? t4("modal.approve") : t4("modal.sendRefinement")}</button>
             <button onClick=${() => {
     setStage(null);
     setFeedback("");
-  }}>Back</button>
+  }}>${t4("common.back")}</button>
           </div>
         ` : html4`
           <div class="modal-actions">
-            <button class="primary" onClick=${() => setStage("approve")}>Approve</button>
-            <button onClick=${() => setStage("refine")}>Refine</button>
-            <button class="danger" onClick=${() => onResolve("plan", "cancel")}>Cancel</button>
+            <button class="primary" onClick=${() => setStage("approve")}>${t4("modal.approve")}</button>
+            <button onClick=${() => setStage("refine")}>${t4("modal.refine")}</button>
+            <button class="danger" onClick=${() => onResolve("plan", "cancel")}>${t4("modal.cancel")}</button>
           </div>
         `}
     <//>
@@ -21099,6 +22191,7 @@ function pairDiffRows(diff) {
   return rows;
 }
 function EditReviewModal({ modal, onResolve }) {
+  useLang();
   const search = modal.search ?? "";
   const replace = modal.replace ?? "";
   const lang = langFromPath(modal.path);
@@ -21109,16 +22202,16 @@ function EditReviewModal({ modal, onResolve }) {
     <${ModalCard}
       accent="#86efac"
       icon="◆"
-      title="edit pending review"
-      subtitle=${`${modal.path} \xB7 ${modal.remaining} of ${modal.total} blocks remaining`}
+      title=${t4("modal.editTitle")}
+      subtitle=${t4("modal.editSubtitle", { path: modal.path ?? "", remaining: modal.remaining, total: modal.total })}
     >
       <div class="edit-diff-wrap">
         <div class="edit-diff-head">
           <div class="edit-diff-side edit-diff-side-old">
-            <span class="edit-diff-marker">−</span> before
+            <span class="edit-diff-marker">−</span> ${t4("modal.before")}
           </div>
           <div class="edit-diff-side edit-diff-side-new">
-            <span class="edit-diff-marker">+</span> after
+            <span class="edit-diff-marker">+</span> ${t4("modal.after")}
           </div>
         </div>
         <div class="edit-diff-body">
@@ -21143,31 +22236,33 @@ function EditReviewModal({ modal, onResolve }) {
         </div>
       </div>
       <div class="modal-actions">
-        <button class="primary" onClick=${() => onResolve("edit-review", "apply")}>Apply (y)</button>
-        <button onClick=${() => onResolve("edit-review", "reject")}>Reject (n)</button>
-        <button onClick=${() => onResolve("edit-review", "apply-rest-of-turn")}>Apply rest (a)</button>
-        <button onClick=${() => onResolve("edit-review", "flip-to-auto")}>Flip to AUTO (A)</button>
+        <button class="primary" onClick=${() => onResolve("edit-review", "apply")}>${t4("chat.confirmBtn")}</button>
+        <button onClick=${() => onResolve("edit-review", "reject")}>${t4("chat.rejectBtn")}</button>
+        <button onClick=${() => onResolve("edit-review", "apply-rest-of-turn")}>${t4("chat.applyRestBtn")}</button>
+        <button onClick=${() => onResolve("edit-review", "flip-to-auto")}>${t4("chat.flipAutoBtn")}</button>
       </div>
     <//>
   `;
 }
 function WorkspaceModal({ modal, onResolve }) {
+  useLang();
   return html4`
     <${ModalCard}
       accent="#fbbf24"
       icon="◇"
-      title="model wants to switch workspace"
-      subtitle="every subsequent file / shell / memory tool resolves against the new root"
+      title=${t4("modal.workspaceTitle")}
+      subtitle=${t4("modal.workspaceSubtitle")}
     >
       <div class="modal-cmd"><span class="modal-cmd-prompt">→</span> <code>${modal.path}</code></div>
       <div class="modal-actions">
-        <button class="primary" onClick=${() => onResolve("workspace", "switch")}>Switch (Enter)</button>
-        <button class="danger" onClick=${() => onResolve("workspace", "deny")}>Deny (Esc)</button>
+        <button class="primary" onClick=${() => onResolve("workspace", "switch")}>${t4("modal.switchBtn")}</button>
+        <button class="danger" onClick=${() => onResolve("workspace", "deny")}>${t4("modal.denyBtn")}</button>
       </div>
     <//>
   `;
 }
 function CheckpointModal({ modal, onResolve }) {
+  useLang();
   const [reviseText, setReviseText] = p2("");
   const [staged, setStaged] = p2(false);
   const label = modal.title ? `${modal.stepId} \xB7 ${modal.title}` : modal.stepId;
@@ -21176,40 +22271,41 @@ function CheckpointModal({ modal, onResolve }) {
     <${ModalCard}
       accent="#a5f3fc"
       icon="✓"
-      title=${`step complete${counter}`}
+      title=${t4("modal.stepComplete", { counter })}
       subtitle=${label}
     >
       ${staged ? html4`
           <textarea
-            placeholder="What needs to change before the next step? Leave blank to just continue."
+            placeholder=${t4("modal.revisePlaceholder")}
             rows="3"
             value=${reviseText}
             onInput=${(e3) => setReviseText(e3.target.value)}
           ></textarea>
           <div class="modal-actions">
-            <button class="primary" onClick=${() => onResolve("checkpoint", "revise", reviseText)}>Send revision</button>
+            <button class="primary" onClick=${() => onResolve("checkpoint", "revise", reviseText)}>${t4("modal.sendRevision")}</button>
             <button onClick=${() => {
     setStaged(false);
     setReviseText("");
-  }}>Back</button>
+  }}>${t4("common.back")}</button>
           </div>
         ` : html4`
           <div class="modal-actions">
-            <button class="primary" onClick=${() => onResolve("checkpoint", "continue")}>Continue</button>
-            <button onClick=${() => setStaged(true)}>Revise…</button>
-            <button class="danger" onClick=${() => onResolve("checkpoint", "stop")}>Stop</button>
+            <button class="primary" onClick=${() => onResolve("checkpoint", "continue")}>${t4("modal.continueBtn")}</button>
+            <button onClick=${() => setStaged(true)}>${t4("modal.reviseBtn")}</button>
+            <button class="danger" onClick=${() => onResolve("checkpoint", "stop")}>${t4("modal.stopBtn")}</button>
           </div>
         `}
     <//>
   `;
 }
 function RevisionModal({ modal, onResolve }) {
+  useLang();
   const riskColor = (r3) => r3 === "high" ? "#f87171" : r3 === "med" ? "#fbbf24" : r3 === "low" ? "#86efac" : "#9ca3af";
   return html4`
     <${ModalCard}
       accent="#c4b5fd"
       icon="✎"
-      title="model proposed a plan revision"
+      title=${t4("modal.revisionTitle")}
       subtitle=${modal.summary || modal.reason}
     >
       <div class="modal-revise-reason">${modal.reason}</div>
@@ -21226,8 +22322,8 @@ function RevisionModal({ modal, onResolve }) {
   )}
       </ol>
       <div class="modal-actions">
-        <button class="primary" onClick=${() => onResolve("revision", "accept")}>Accept</button>
-        <button class="danger" onClick=${() => onResolve("revision", "reject")}>Reject</button>
+        <button class="primary" onClick=${() => onResolve("revision", "accept")}>${t4("modal.accept")}</button>
+        <button class="danger" onClick=${() => onResolve("revision", "reject")}>${t4("modal.reject")}</button>
       </div>
     <//>
   `;
@@ -21281,6 +22377,7 @@ function fmtRelativeTime(iso) {
 
 // dashboard/src/panels/chat.ts
 function ChatPanel() {
+  useLang();
   const [messages, setMessages] = p2([]);
   const [streaming, setStreaming] = p2(null);
   const [activeTool, setActiveTool] = p2(null);
@@ -21436,7 +22533,7 @@ function ChatPanel() {
       }
     };
     es.onerror = () => {
-      setError("event stream interrupted \u2014 reconnecting\u2026");
+      setError(t4("chat.eventStreamError"));
       setTimeout(() => setError(null), 3e3);
     };
     return () => es.close();
@@ -21468,8 +22565,8 @@ function ChatPanel() {
   }, []);
   const newConversation = x2(async () => {
     if (busy) {
-      if (!confirm("A turn is in flight. Abort and start a new conversation?")) return;
-    } else if (messages.length > 0 && !confirm("Clear current conversation and start fresh?")) {
+      if (!confirm(t4("chat.newConfirmBusy"))) return;
+    } else if (messages.length > 0 && !confirm(t4("chat.newConfirm"))) {
       return;
     }
     try {
@@ -21477,7 +22574,7 @@ function ChatPanel() {
       setMessages([]);
       setStreaming(null);
       setActiveTool(null);
-      showToast("new conversation", "info");
+      showToast(t4("chat.newToast"), "info");
       setTimeout(async () => {
         try {
           const r3 = await api("/messages");
@@ -21486,7 +22583,7 @@ function ChatPanel() {
         }
       }, 200);
     } catch (err) {
-      setError(`/new failed: ${err.message}`);
+      setError(t4("chat.newFailed", { error: err.message }));
     }
   }, [busy, messages.length]);
   const clearScrollback = x2(async () => {
@@ -21495,7 +22592,7 @@ function ChatPanel() {
       setMessages([]);
       setStreaming(null);
       setActiveTool(null);
-      showToast("scrollback cleared", "info");
+      showToast(t4("chat.clearToast"), "info");
       setTimeout(async () => {
         try {
           const r3 = await api("/messages");
@@ -21504,7 +22601,7 @@ function ChatPanel() {
         }
       }, 200);
     } catch (err) {
-      setError(`/clear failed: ${err.message}`);
+      setError(t4("chat.clearFailed", { error: err.message }));
     }
   }, []);
   const updatePopover = x2(
@@ -21602,7 +22699,7 @@ function ChatPanel() {
     [send, popoverKind, popoverItems, applyPopover]
   );
   if (bootError) {
-    return html4`<div class="notice err">chat unavailable: ${bootError}</div>`;
+    return html4`<div class="notice err">${t4("common.loadingFailed", { name: "chat", error: bootError })}</div>`;
   }
   const autoScrollInFlight = F2(false);
   _2(() => {
@@ -21664,10 +22761,10 @@ function ChatPanel() {
       }
     };
     tick();
-    const t4 = setInterval(tick, 2500);
+    const t5 = setInterval(tick, 2500);
     return () => {
       cancelled = true;
-      clearInterval(t4);
+      clearInterval(t5);
     };
   }, []);
   const setEditMode = x2(async (next) => {
@@ -21702,25 +22799,25 @@ function ChatPanel() {
     <div class="chat-shell">
       <div style="display:flex;align-items:center;gap:12px;margin-bottom:10px">
         <div class="chips" style="padding:0">
-          <span class="chip-f active">${MODE === "attached" ? "TUI mirror" : "session view"}</span>
+          <span class="chip-f active">${MODE === "attached" ? t4("chat.modeMirror") : t4("chat.modeView")}</span>
         </div>
         <div class="header-pickers" style="margin-left:auto">
           ${effort ? html4`
-              <div class="mode-picker" title="reasoning_effort — applies next turn">
+              <div class="mode-picker" title=${t4("chat.effortTitle")}>
                 ${["high", "max"].map(
     (e3) => html4`
                   <button
                     key=${e3}
                     class="mode-btn ${effort === e3 ? "active accent" : ""}"
                     onClick=${() => setSetting("reasoningEffort", e3)}
-                    title=${e3 === "max" ? "max (default \u2014 best quality)" : "high (cheaper / faster)"}
+                    title=${e3 === "max" ? t4("chat.effortMaxTitle") : t4("chat.effortHighTitle")}
                   >${e3}</button>
                 `
   )}
               </div>
             ` : null}
           ${preset ? html4`
-              <div class="mode-picker" title="preset — model commitment">
+              <div class="mode-picker" title=${t4("chat.presetTitle")}>
                 ${(() => {
     const KNOWN = ["auto", "flash", "pro"];
     const canonical = KNOWN.includes(preset) ? preset : "auto";
@@ -21730,7 +22827,7 @@ function ChatPanel() {
                         key=${p3}
                         class="mode-btn ${canonical === p3 ? "active accent" : ""}"
                         onClick=${() => setSetting("preset", p3)}
-                        title=${p3 === "auto" ? "auto \u2014 flash baseline; auto-escalates to pro on hard turns (NEEDS_PRO / failure threshold)" : p3 === "flash" ? "flash \u2014 always flash; no auto-escalate. /pro still works for one-shot manual" : "pro \u2014 always pro; ~3\xD7 flash cost (5/31 discount). Locks in on hard architecture work."}
+                        title=${p3 === "auto" ? t4("chat.presetAutoTitle") : p3 === "flash" ? t4("chat.presetFlashTitle") : t4("chat.presetProTitle")}
                       >${p3}</button>
                     `
     );
@@ -21738,14 +22835,14 @@ function ChatPanel() {
               </div>
             ` : null}
           ${editMode ? html4`
-              <div class="mode-picker" title="edit gate — Shift+Tab cycles in TUI">
+              <div class="mode-picker" title=${t4("chat.editGateTitle")}>
                 ${["review", "auto", "yolo"].map(
     (m2) => html4`
                   <button
                     key=${m2}
                     class="mode-btn ${editMode === m2 ? "active" : ""} ${m2 === "yolo" ? "yolo" : ""}"
                     onClick=${() => setEditMode(m2)}
-                    title=${m2 === "review" ? "review \u2014 both edits and non-allowlisted shell ask first" : m2 === "auto" ? "auto \u2014 edits auto-apply, shell still asks" : "yolo \u2014 edits AND shell auto-run, allowlist bypassed"}
+                    title=${m2 === "review" ? t4("chat.editReviewTitle") : m2 === "auto" ? t4("chat.editAutoTitle") : t4("chat.editYoloTitle")}
                   >${m2}</button>
                 `
   )}
@@ -21758,19 +22855,19 @@ function ChatPanel() {
       ${semanticIndex === false && !semanticBannerDismissed ? html4`<div class="chat-banner">
               <span class="chat-banner-icon">≈</span>
               <span class="chat-banner-text">
-                <strong>Semantic search isn't enabled for this project.</strong>
+                <strong>${t4("chat.semanticBanner")}</strong>
                 <span class="muted">
-                  Build the index once and the model can find code by meaning ("where do we handle auth failures?") instead of grep on exact strings.
+                  ${t4("chat.semanticBannerDesc")}
                 </span>
               </span>
               <button
                 class="primary"
                 onClick=${() => appBus.dispatchEvent(new CustomEvent("navigate-tab", { detail: { tabId: "semantic" } }))}
-              >Build it →</button>
+              >${t4("chat.semanticBannerBtn")}</button>
               <button
                 class="chat-banner-close"
                 onClick=${() => setSemanticBannerDismissed(true)}
-                title="dismiss (don't show again)"
+                title=${t4("chat.semanticBannerDismiss")}
               >×</button>
             </div>` : null}
       ${error ? html4`<div class="notice err">${error}</div>` : null}
@@ -21781,7 +22878,7 @@ function ChatPanel() {
         <div class="chat-main">
           <div class="chat-feed" ref=${feedRef}>
             ${allMessages.length === 0 ? html4`<div class="chat-empty">
-                    No conversation yet. Send a prompt below to begin.
+                    ${t4("chat.noConversation")}
                   </div>` : allMessages.map(
     (m2) => html4`
                       <${ChatMessage}
@@ -21796,7 +22893,7 @@ function ChatPanel() {
           <div class="chat-input-area" style="position:relative">
             ${popoverKind && popoverItems.length > 0 ? html4`
                   <div class="popover" style="position:absolute;bottom:calc(100% + 6px);left:0;width:380px;max-height:280px;overflow-y:auto;z-index:10">
-                    <div class="popover-h">${popoverKind === "slash" ? "slash commands" : "project files"}</div>
+                    <div class="popover-h">${popoverKind === "slash" ? t4("chat.slashCommands") : t4("chat.projectFiles")}</div>
                     ${popoverItems.map(
     (it, i3) => html4`
                         <div
@@ -21816,7 +22913,7 @@ function ChatPanel() {
                   </div>
                 ` : null}
             <textarea
-              placeholder=${busy ? "wait for the current turn to finish\u2026" : "Type a prompt \u2014 Enter sends, Shift+Enter for a newline \xB7 / @ for pickers"}
+              placeholder=${busy ? t4("chat.placeholderBusy") : t4("chat.placeholder")}
               value=${input}
               onInput=${onInput}
               onKeyDown=${onKeyDown}
@@ -21829,10 +22926,10 @@ function ChatPanel() {
                 class="primary"
                 onClick=${send}
                 disabled=${busy || !input.trim()}
-              >Send</button>
+              >${t4("chat.send")}</button>
               <div style="display: flex; gap: 6px;">
-                <button onClick=${newConversation} title="/new — wipe conversation context (loop log + scrollback)">New</button>
-                <button onClick=${clearScrollback} title="/clear — wipe just visible scrollback (context kept)">Clear</button>
+                <button onClick=${newConversation} title=${t4("chat.newTitle")}>${t4("chat.new")}</button>
+                <button onClick=${clearScrollback} title=${t4("chat.clearTitle")}>${t4("chat.clear")}</button>
               </div>
             </div>
           </div>
@@ -21854,6 +22951,7 @@ function ChatPanel() {
   `;
 }
 function SideRail({ stats, budgetUsd, activePlan }) {
+  useLang();
   if (!stats && !activePlan) return html4`<aside class="chat-rail"></aside>`;
   const cachePct = stats ? Math.round(stats.cacheHitRatio * 100) : 0;
   const cacheTone = cachePct >= 80 ? "ok" : cachePct >= 50 ? "" : "warn";
@@ -21865,12 +22963,12 @@ function SideRail({ stats, budgetUsd, activePlan }) {
       ${activePlan ? html4`<${ActivePlanCard} plan=${activePlan} />` : null}
       ${stats ? html4`
             <div class="rail-card">
-              <div class="rh">Session</div>
-              <div class="rail-kv"><span class="k">turns</span><span class="v">${stats.turns.toLocaleString()}</span></div>
-              <div class="rail-kv"><span class="k">prompt tok</span><span class="v">${stats.lastPromptTokens.toLocaleString()}</span></div>
-              <div class="rail-kv"><span class="k">cost</span><span class="v">${fmtUsd(stats.totalCostUsd)}</span></div>
+              <div class="rh">${t4("chat.railSession")}</div>
+              <div class="rail-kv"><span class="k">${t4("chat.railTurns")}</span><span class="v">${stats.turns.toLocaleString()}</span></div>
+              <div class="rail-kv"><span class="k">${t4("chat.railPromptTok")}</span><span class="v">${stats.lastPromptTokens.toLocaleString()}</span></div>
+              <div class="rail-kv"><span class="k">${t4("chat.railCost")}</span><span class="v">${fmtUsd(stats.totalCostUsd)}</span></div>
               <div class="progress-row" style="margin-top:8px">
-                <span class="lbl">cache hit</span>
+                <span class="lbl">${t4("chat.railCacheHit")}</span>
                 <div class=${`progress ${cacheTone}`}><div class="progress-fill" style=${`width:${cachePct}%`}></div></div>
                 <span class="v">${cachePct}%</span>
               </div>
@@ -21878,9 +22976,9 @@ function SideRail({ stats, budgetUsd, activePlan }) {
           ` : null}
       ${showBudget ? html4`
             <div class="rail-card">
-              <div class="rh">Tool budget</div>
+              <div class="rh">${t4("chat.railToolBudget")}</div>
               <div class="progress-row">
-                <span class="lbl">spend</span>
+                <span class="lbl">${t4("chat.railSpend")}</span>
                 <div class=${`progress ${budgetTone}`}><div class="progress-fill" style=${`width:${Math.min(100, budgetPct)}%`}></div></div>
                 <span class="v" style=${budgetTone === "err" ? "color:var(--c-err)" : budgetTone === "warn" ? "color:var(--c-warn)" : ""}>${fmtUsd(stats.totalCostUsd)} / ${fmtUsd(budgetUsd)}</span>
               </div>
@@ -21890,6 +22988,7 @@ function SideRail({ stats, budgetUsd, activePlan }) {
   `;
 }
 function ActivePlanCard({ plan }) {
+  useLang();
   const dots = [];
   for (let i3 = 0; i3 < plan.totalSteps; i3++) {
     const done = i3 < plan.completedSteps;
@@ -21903,10 +23002,10 @@ function ActivePlanCard({ plan }) {
   }
   return html4`
     <div class="rail-card">
-      <div class="rh">Active plan</div>
+      <div class="rh">${t4("chat.railActivePlan")}</div>
       <div class="steps" style="margin-bottom:8px">${dots}</div>
       <div class="rail-kv"><span class="k" style="font-family:var(--font-sans);color:var(--fg-1);font-size:12.5px">${plan.title}</span></div>
-      <div class="rail-kv"><span class="k">progress</span><span class="v">${plan.completedSteps} / ${plan.totalSteps}</span></div>
+      <div class="rail-kv"><span class="k">${t4("chat.railProgress")}</span><span class="v">${plan.completedSteps} / ${plan.totalSteps}</span></div>
     </div>
   `;
 }
@@ -21940,12 +23039,13 @@ function InFlightRow({
   onAbort,
   tick: _tick
 }) {
+  useLang();
   const elapsedMs = startedAt ? Date.now() - startedAt : 0;
   const elapsed = (elapsedMs / 1e3).toFixed(1);
   const reasoningLen = streaming?.reasoning?.length ?? 0;
   const textLen = streaming?.text?.length ?? 0;
   const toolSummary = summarizeActiveTool(activeTool);
-  const phase = toolSummary ? "running" : reasoningLen > 0 && textLen === 0 ? "thinking" : textLen > 0 ? "streaming" : "waiting";
+  const phase = toolSummary ? t4("chat.inflightRunning") : reasoningLen > 0 && textLen === 0 ? t4("chat.inflightThinking") : textLen > 0 ? t4("chat.inflightStreaming") : t4("chat.inflightWaiting");
   return html4`
     <div class="chat-inflight">
       <span class="spinner"></span>
@@ -21959,24 +23059,25 @@ function InFlightRow({
       ${!toolSummary && (textLen > 0 || reasoningLen > 0) ? html4`
             <span class="chat-inflight-sep">·</span>
             <span class="muted">
-              ${reasoningLen > 0 ? html4`reasoning ${reasoningLen.toLocaleString()} ch` : null}
+              ${reasoningLen > 0 ? html4`${t4("chat.inflightReasoning", { count: reasoningLen.toLocaleString() })}` : null}
               ${reasoningLen > 0 && textLen > 0 ? html4`<span> · </span>` : null}
-              ${textLen > 0 ? html4`out ${textLen.toLocaleString()} ch` : null}
+              ${textLen > 0 ? html4`${t4("chat.inflightOut", { count: textLen.toLocaleString() })}` : null}
             </span>
           ` : null}
       ${statusLine ? html4`
             <span class="chat-inflight-sep">·</span>
             <span class="muted">${statusLine}</span>
           ` : null}
-      <button class="chat-inflight-abort" onClick=${onAbort}>Abort (Esc)</button>
+      <button class="chat-inflight-abort" onClick=${onAbort}>${t4("chat.abortBtn")}</button>
     </div>
   `;
 }
 function ChatStatusBar({ stats, model }) {
+  useLang();
   if (!stats) {
     return html4`
       <div class="chat-statusbar">
-        <span class="muted">· · ·  waiting for live stats</span>
+        <span class="muted">${t4("chat.waitingStats")}</span>
       </div>
     `;
   }
@@ -21985,36 +23086,36 @@ function ChatStatusBar({ stats, model }) {
   return html4`
     <div class="chat-statusbar">
       <span class="status-item">
-        <span class="status-label">model</span>
+        <span class="status-label">${t4("chat.statusModel")}</span>
         <code>${model ?? "\u2014"}</code>
       </span>
       <span class="status-item">
-        <span class="status-label">ctx</span>
+        <span class="status-label">${t4("chat.statusCtx")}</span>
         <span class="status-bar-mini">
           <span class="status-bar-mini-fill" style=${`width: ${Math.min(100, ctxPct).toFixed(1)}%;`}></span>
         </span>
         <span class="muted">${stats.lastPromptTokens.toLocaleString()} / ${(stats.contextCapTokens / 1e3).toFixed(0)}K</span>
       </span>
       <span class="status-item">
-        <span class="status-label">cache</span>
+        <span class="status-label">${t4("chat.statusCache")}</span>
         <span class=${stats.cacheHitRatio >= 0.9 ? "status-ok" : stats.cacheHitRatio >= 0.6 ? "status-warn" : "status-err"}>
           ${(stats.cacheHitRatio * 100).toFixed(1)}%
         </span>
       </span>
       <span class="status-item">
-        <span class="status-label">turn</span>
+        <span class="status-label">${t4("chat.statusTurn")}</span>
         <code>${fmtUsd(stats.lastTurnCostUsd)}</code>
       </span>
       <span class="status-item">
-        <span class="status-label">session</span>
+        <span class="status-label">${t4("chat.statusSession")}</span>
         <code>${fmtUsd(stats.totalCostUsd)}</code>
         <span class="muted" style="font-size: 10px;">
-          (${stats.turns} turn${stats.turns === 1 ? "" : "s"})
+          ${t4("chat.statusTurns", { count: stats.turns, s: stats.turns === 1 ? "" : "s" })}
         </span>
       </span>
       ${balance ? html4`
           <span class="status-item">
-            <span class="status-label">balance</span>
+            <span class="status-label">${t4("chat.statusBalance")}</span>
             <code>${balance.total_balance} ${balance.currency}</code>
           </span>
         ` : null}
@@ -22043,6 +23144,7 @@ function buildMatrix(data) {
   return [...rows.values()];
 }
 function HooksPanel() {
+  useLang();
   const [data, setData] = p2(null);
   const [error, setError] = p2(null);
   const [drafts, setDrafts] = p2({});
@@ -22078,7 +23180,7 @@ function HooksPanel() {
       try {
         await api("/hooks/save", { method: "POST", body: { scope, hooks: parsed } });
         await api("/hooks/reload", { method: "POST", body: {} });
-        setInfo(`saved + reloaded ${scope}`);
+        setInfo(t4("hooks.savedReloaded", { scope }));
         setTimeout(() => setInfo(null), 3e3);
         await load();
       } catch (err) {
@@ -22090,7 +23192,7 @@ function HooksPanel() {
     [drafts, load]
   );
   if (!data && !error)
-    return html4`<div class="card" style="color:var(--fg-3)">loading hooks…</div>`;
+    return html4`<div class="card" style="color:var(--fg-3)">${t4("hooks.loading")}</div>`;
   if (error && !data) return html4`<div class="card accent-err">${error}</div>`;
   if (!data) return null;
   const sectionH3 = (text, sub) => html4`
@@ -22104,20 +23206,19 @@ function HooksPanel() {
   return html4`
     <div style="display:flex;flex-direction:column;gap:6px">
       <div class="chips">
-        <span class="chip-f active">resolved <span class="ct">${data.resolved.length}</span></span>
+        <span class="chip-f active">${t4("hooks.resolved")} <span class="ct">${data.resolved.length}</span></span>
         ${data.events.map((ev) => html4`<span class="chip-f">${ev}</span>`)}
       </div>
       ${info ? html4`<div><span class="pill ok">${info}</span></div>` : null}
       ${error ? html4`<div class="card accent-err">${error}</div>` : null}
 
-      ${sectionH3("Event matrix", `${matrixRows.length} script${matrixRows.length === 1 ? "" : "s"} \xD7 ${events.length} event${events.length === 1 ? "" : "s"}`)}
-      ${matrixRows.length === 0 ? html4`<div class="card" style="color:var(--fg-3)">
-              No hooks configured. Edit the JSON below to add some.
+      ${sectionH3(t4("hooks.eventMatrix"), t4("hooks.matrixSub", { scripts: matrixRows.length, s: matrixRows.length === 1 ? "" : "s", events: events.length }))}${matrixRows.length === 0 ? html4`<div class="card" style="color:var(--fg-3)">
+              ${t4("hooks.noHooks")}
             </div>` : html4`
             <div class="card" style="padding:10px 14px;overflow-x:auto">
               <div class="matrix" style=${`min-width:fit-content`}>
                 <div class="row h" style=${`grid-template-columns:${gridCols}`}>
-                  <div>script</div>
+                  <div>${t4("hooks.colScript")}</div>
                   ${events.map((ev) => html4`<div>${ev}</div>`)}
                 </div>
                 ${matrixRows.map(
@@ -22148,8 +23249,7 @@ function HooksPanel() {
     return html4`
           ${sectionH3(scope, meta.path ?? "(no path)")}
           ${scope === "project" && !meta.path ? html4`<div class="card" style="color:var(--fg-3)">
-                  No active project — open <code class="mono">/dashboard</code> from
-                  <code class="mono">reasonix code</code> to edit project hooks.
+                  ${t4("hooks.noProject")}
                 </div>` : html4`
                 <div class="card">
                   <textarea
@@ -22160,27 +23260,27 @@ function HooksPanel() {
                   ></textarea>
                   <div style="display:flex;gap:6px;margin-top:8px">
                     <button class="btn primary" disabled=${busy} onClick=${() => saveScope(scope)}>
-                      Save + Reload
+                      ${t4("hooks.saveReload")}
                     </button>
-                    <button class="btn ghost" disabled=${busy} onClick=${load}>Discard changes</button>
+                    <button class="btn ghost" disabled=${busy} onClick=${load}>${t4("hooks.discard")}</button>
                   </div>
                 </div>
               `}
         `;
   })}
 
-      ${sectionH3("Recent runs", `${data.recentRuns?.length ?? 0}`)}
+      ${sectionH3(t4("hooks.recentRuns"), `${data.recentRuns?.length ?? 0}`)}
       ${!data.recentRuns || data.recentRuns.length === 0 ? html4`<div class="card" style="color:var(--fg-3)">
-              No hook runs in the recent session log.
+              ${t4("hooks.noRuns")}
             </div>` : html4`
             <div class="card" style="padding:0;overflow-x:auto">
               <table class="tbl" style="width:100%;font-family:var(--font-mono);font-size:11.5px">
                 <thead>
                   <tr>
-                    <th style="text-align:left;padding:8px 12px">when</th>
-                    <th style="text-align:left;padding:8px 12px">phase</th>
-                    <th style="text-align:left;padding:8px 12px">hook</th>
-                    <th style="text-align:left;padding:8px 12px">outcome</th>
+                    <th style="text-align:left;padding:8px 12px">${t4("hooks.colWhen")}</th>
+                    <th style="text-align:left;padding:8px 12px">${t4("hooks.colPhase")}</th>
+                    <th style="text-align:left;padding:8px 12px">${t4("hooks.colHook")}</th>
+                    <th style="text-align:left;padding:8px 12px">${t4("hooks.colOutcome")}</th>
                   </tr>
                 </thead>
                 <tbody>
@@ -22214,6 +23314,7 @@ function specCommand(spec) {
   return eq > 0 ? spec.slice(eq + 1) : spec;
 }
 function McpPanel() {
+  useLang();
   const [data, setData] = p2(null);
   const [specs, setSpecs] = p2(null);
   const [error, setError] = p2(null);
@@ -22243,7 +23344,7 @@ function McpPanel() {
         body: { spec: newSpec.trim() }
       });
       setInfo(
-        r3.requiresRestart ? "saved \u2014 restart `reasonix code` to bridge this server" : "saved"
+        r3.requiresRestart ? t4("mcp.savedRestart") : t4("mcp.saved")
       );
       setTimeout(() => setInfo(null), 4e3);
       setNewSpec("");
@@ -22256,13 +23357,11 @@ function McpPanel() {
   }, [newSpec, load]);
   const removeSpec = x2(
     async (spec) => {
-      if (!confirm(`Remove MCP spec from config?
-
-${spec}`)) return;
+      if (!confirm(t4("mcp.removeConfirm", { spec }))) return;
       setBusy(true);
       try {
         await api("/mcp/specs", { method: "DELETE", body: { spec } });
-        setInfo("removed \u2014 restart to drop the live bridge");
+        setInfo(t4("mcp.removed"));
         setTimeout(() => setInfo(null), 4e3);
         await load();
       } catch (err) {
@@ -22273,7 +23372,7 @@ ${spec}`)) return;
     },
     [load]
   );
-  if (!data && !error) return html4`<div class="card" style="color:var(--fg-3)">loading MCP…</div>`;
+  if (!data && !error) return html4`<div class="card" style="color:var(--fg-3)">${t4("mcp.loading")}</div>`;
   if (error && !data) return html4`<div class="card accent-err">${error}</div>`;
   if (!data) return null;
   const liveCount = data.servers.length;
@@ -22285,19 +23384,19 @@ ${spec}`)) return;
     <div class="sessions-grid">
       <div class="sessions-list">
         <div class="ssl-h" style="font-family:var(--font-mono);font-size:11px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em">
-          MCP servers · ${liveCount} bridged
+          ${t4("mcp.servers", { count: liveCount })}
         </div>
         <div style="padding:8px 12px 4px">
           <div class="chips">
-            <span class=${`chip-f ${filter === "all" ? "active" : ""}`} onClick=${() => setFilter("all")}>all <span class="ct">${liveCount + unbridgedCount}</span></span>
-            <span class=${`chip-f ${filter === "live" ? "active" : ""}`} onClick=${() => setFilter("live")}>live <span class="ct">${liveCount}</span></span>
-            <span class=${`chip-f ${filter === "unbridged" ? "active" : ""}`} onClick=${() => setFilter("unbridged")}>unbridged <span class="ct">${unbridgedCount}</span></span>
+            <span class=${`chip-f ${filter === "all" ? "active" : ""}`} onClick=${() => setFilter("all")}>${t4("mcp.all")} <span class="ct">${liveCount + unbridgedCount}</span></span>
+            <span class=${`chip-f ${filter === "live" ? "active" : ""}`} onClick=${() => setFilter("live")}>${t4("mcp.live")} <span class="ct">${liveCount}</span></span>
+            <span class=${`chip-f ${filter === "unbridged" ? "active" : ""}`} onClick=${() => setFilter("unbridged")}>${t4("mcp.unbridged")} <span class="ct">${unbridgedCount}</span></span>
           </div>
         </div>
         <div style="padding:8px 12px;display:flex;gap:6px">
           <input
             type="text"
-            placeholder='spec — e.g. fs=npx -y @modelcontextprotocol/...'
+            placeholder=${t4("mcp.specPlaceholder")}
             value=${newSpec}
             onInput=${(e3) => setNewSpec(e3.target.value)}
             style="flex:1;font-size:11px"
@@ -22309,7 +23408,7 @@ ${spec}`)) return;
 
         <div class="ssl-rows">
           ${liveCount === 0 && unbridgedCount === 0 ? html4`<div style="color:var(--fg-3);padding:14px;font-size:12px">
-                No MCP servers in this session.
+                ${t4("mcp.noServers")}
               </div>` : null}
           ${showLive ? data.servers.map(
     (s3) => html4`
@@ -22320,9 +23419,9 @@ ${spec}`)) return;
       setOpenUnbridged(null);
     }}
                   >
-                    <span class="name">${s3.label} <span class="pill ok">live</span></span>
+                    <span class="name">${s3.label} <span class="pill ok">${t4("mcp.live")}</span></span>
                     <span class="preview">${specCommand(s3.spec)}</span>
-                    <span class="meta"><span><span class="v">${fmtNum(s3.toolCount)}</span> tools</span></span>
+                    <span class="meta"><span><span class="v">${fmtNum(s3.toolCount)}</span> ${t4("mcp.tools")}</span></span>
                   </div>
                 `
   ) : null}
@@ -22335,9 +23434,9 @@ ${spec}`)) return;
       setOpen(null);
     }}
                   >
-                    <span class="name">${specLabel(spec)} <span class="pill">unbridged</span></span>
+                    <span class="name">${specLabel(spec)} <span class="pill">${t4("mcp.unbridged")}</span></span>
                     <span class="preview">${specCommand(spec)}</span>
-                    <span class="meta"><span class="dim">in config · not loaded</span></span>
+                    <span class="meta"><span class="dim">${t4("mcp.inConfig")}</span></span>
                   </div>
                 `
   ) : null}
@@ -22348,41 +23447,39 @@ ${spec}`)) return;
         ${openUnbridged != null ? html4`
               <div class="sessions-detail-h">
                 <span class="name">${specLabel(openUnbridged)}</span>
-                <span class="ws"><span class="pill">unbridged · in config</span></span>
+                <span class="ws"><span class="pill">${t4("mcp.unbridgedTitle")}</span></span>
                 <span class="actions">
                   <button class="btn" disabled=${busy} onClick=${() => removeSpec(openUnbridged)}
-                    style="border-color:var(--c-err);color:var(--c-err)">Remove</button>
-                  <button class="btn ghost" onClick=${() => setOpenUnbridged(null)}>← back</button>
+                    style="border-color:var(--c-err);color:var(--c-err)">${t4("mcp.removeBtn")}</button>
+                  <button class="btn ghost" onClick=${() => setOpenUnbridged(null)}>${t4("common.back")}</button>
                 </span>
               </div>
               <div class="card" style="margin-bottom:12px">
-                <div class="card-h"><span class="title">spec</span></div>
+                <div class="card-h"><span class="title">${t4("mcp.spec")}</span></div>
                 <code class="mono" style="font-size:11.5px;color:var(--fg-2);word-break:break-all">${openUnbridged}</code>
               </div>
               <div class="card accent-warn">
-                <div class="card-h"><span class="title" style="color:var(--c-warn)">Why unbridged?</span></div>
+                <div class="card-h"><span class="title" style="color:var(--c-warn)">${t4("mcp.whyUnbridged")}</span></div>
                 <div class="card-b" style="font-size:13px;line-height:1.6">
-                  This spec lives in your <code class="mono">config.json</code> but isn't bridged into the live session.
-                  MCP servers attach when <code class="mono">reasonix code</code> starts; the dashboard alone can't
-                  spawn the child process.
+                  ${t4("mcp.whyUnbridgedDesc")}
                   <div style="margin-top:10px;color:var(--fg-3);font-size:12px">
-                    To activate: restart <code class="mono">reasonix code</code>, then refresh this dashboard.
+                    ${t4("mcp.whyUnbridgedHint")}
                   </div>
                 </div>
               </div>
             ` : open == null ? html4`<div style="color:var(--fg-3);font-size:13px;text-align:center;padding:60px 20px">
-                Pick an MCP server on the left to inspect tools / resources / prompts.
+                ${t4("mcp.pickHint")}
               </div>` : html4`
                 <div class="sessions-detail-h">
                   <span class="name">${open.label}</span>
                   <span class="ws">${open.serverInfo?.name ?? "\u2014"} ${open.serverInfo?.version ? `v${open.serverInfo.version}` : ""} · ${open.protocolVersion ?? "\u2014"}</span>
                   <span class="actions">
-                    <button class="btn ghost" onClick=${() => setOpen(null)}>← back</button>
+                    <button class="btn ghost" onClick=${() => setOpen(null)}>${t4("common.back")}</button>
                   </span>
                 </div>
 
                 <div class="card" style="margin-bottom:12px">
-                  <div class="card-h"><span class="title">spec</span></div>
+                  <div class="card-h"><span class="title">${t4("mcp.spec")}</span></div>
                   <code class="mono" style="font-size:11.5px;color:var(--fg-2)">${open.spec}</code>
                 </div>
 
@@ -22391,14 +23488,14 @@ ${spec}`)) return;
                       </div>` : null}
 
                 <h3 style="margin:18px 0 6px;font-family:var(--font-mono);font-size:11px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em">
-                  Tools · ${open.tools.length}
+                  ${t4("mcp.toolsTitle", { count: open.tools.length })}
                 </h3>
                 <div class="card" style="padding:0;overflow:hidden">
                   <table class="tbl">
-                    <thead><tr><th>name</th><th>description</th></tr></thead>
+                    <thead><tr><th>${t4("mcp.colName")}</th><th>${t4("mcp.colDesc")}</th></tr></thead>
                     <tbody>
                       ${open.tools.map(
-    (t4) => html4`<tr><td><code class="mono">${t4.name}</code></td><td class="dim">${t4.description ?? ""}</td></tr>`
+    (tool) => html4`<tr><td><code class="mono">${tool.name}</code></td><td class="dim">${tool.description ?? ""}</td></tr>`
   )}
                     </tbody>
                   </table>
@@ -22406,11 +23503,11 @@ ${spec}`)) return;
 
                 ${open.resources.length > 0 ? html4`
                       <h3 style="margin:18px 0 6px;font-family:var(--font-mono);font-size:11px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em">
-                        Resources · ${open.resources.length}
+                        ${t4("mcp.resourcesTitle", { count: open.resources.length })}
                       </h3>
                       <div class="card" style="padding:0;overflow:hidden">
                         <table class="tbl">
-                          <thead><tr><th>name</th><th>uri</th></tr></thead>
+                          <thead><tr><th>${t4("mcp.colName")}</th><th>${t4("mcp.colUri")}</th></tr></thead>
                           <tbody>
                             ${open.resources.map(
     (r3) => html4`<tr><td>${r3.name}</td><td class="path">${r3.uri}</td></tr>`
@@ -22422,11 +23519,11 @@ ${spec}`)) return;
 
                 ${open.prompts.length > 0 ? html4`
                       <h3 style="margin:18px 0 6px;font-family:var(--font-mono);font-size:11px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em">
-                        Prompts · ${open.prompts.length}
+                        ${t4("mcp.promptsTitle", { count: open.prompts.length })}
                       </h3>
                       <div class="card" style="padding:0;overflow:hidden">
                         <table class="tbl">
-                          <thead><tr><th>name</th><th>description</th></tr></thead>
+                          <thead><tr><th>${t4("mcp.colName")}</th><th>${t4("mcp.colDesc")}</th></tr></thead>
                           <tbody>
                             ${open.prompts.map(
     (p3) => html4`<tr><td><code class="mono">${p3.name}</code></td><td class="dim">${p3.description ?? ""}</td></tr>`
@@ -22443,6 +23540,7 @@ ${spec}`)) return;
 
 // dashboard/src/panels/memory.ts
 function MemoryPanel() {
+  useLang();
   const [tree, setTree] = p2(null);
   const [error, setError] = p2(null);
   const [open, setOpen] = p2(null);
@@ -22479,7 +23577,7 @@ function MemoryPanel() {
     try {
       const path = open.scope === "project" ? "/memory/project" : `/memory/${open.scope}/${encodeURIComponent(open.name ?? "")}`;
       await api(path, { method: "POST", body: { body } });
-      setInfo(`saved ${open.scope}${open.name ? `/${open.name}` : ""}`);
+      setInfo(t4("memory.saved", { scope: open.scope + (open.name ? `/${open.name}` : "") }));
       setTimeout(() => setInfo(null), 3e3);
       await load();
     } catch (err) {
@@ -22489,7 +23587,7 @@ function MemoryPanel() {
     }
   }, [open, body, load]);
   if (!tree && !error)
-    return html4`<div class="card" style="color:var(--fg-3)">loading memory…</div>`;
+    return html4`<div class="card" style="color:var(--fg-3)">${t4("memory.loading")}</div>`;
   if (error && !tree) return html4`<div class="card accent-err">${error}</div>`;
   if (!tree) return null;
   const fileRow = (scope, f3) => {
@@ -22508,11 +23606,12 @@ function MemoryPanel() {
       </div>
     `;
   };
+  const totalFiles = (tree.project.path ? 1 : 0) + tree.global.files.length + tree.projectMem.files.length;
   return html4`
     <div class="sessions-grid">
       <div class="sessions-list">
         <div class="ssl-h" style="font-family:var(--font-mono);font-size:11px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em">
-          memory · ${(tree.project.path ? 1 : 0) + tree.global.files.length + tree.projectMem.files.length} files
+          ${t4("memory.files", { count: totalFiles })}
         </div>
         <div class="ssl-rows">
           ${tree.project.path ? html4`
@@ -22522,7 +23621,7 @@ function MemoryPanel() {
                 >
                   <span class="name">
                     REASONIX.md
-                    ${tree.project.exists ? html4`<span class="pill ok">exists</span>` : html4`<span class="pill">create</span>`}
+                    ${tree.project.exists ? html4`<span class="pill ok">${t4("memory.exists")}</span>` : html4`<span class="pill">${t4("memory.create")}</span>`}
                   </span>
                   <span class="preview">${tree.project.path}</span>
                   <span class="meta"><span class="dim">project</span></span>
@@ -22531,27 +23630,26 @@ function MemoryPanel() {
           ${tree.global.files.map((f3) => fileRow("global", f3))}
           ${tree.projectMem.files.map((f3) => fileRow("project-mem", f3))}
           ${tree.global.files.length === 0 && tree.projectMem.files.length === 0 && !tree.project.path ? html4`<div style="color:var(--fg-3);padding:14px;font-size:12px">
-                  No memory files yet.
+                  ${t4("memory.noFiles")}
                 </div>` : null}
         </div>
       </div>
 
       <div class="sessions-detail">
         ${open == null ? html4`<div style="color:var(--fg-3);font-size:13px;text-align:center;padding:60px 20px">
-                Pick a memory file on the left.
+                ${t4("memory.pickHint")}
                 <div style="margin-top:12px;font-size:11.5px">
-                  Project REASONIX.md is committable; global notes live in
-                  <code class="mono">~/.reasonix/memory/</code>.
+                  ${t4("memory.pickDesc")}
                 </div>
               </div>` : html4`
                 <div class="sessions-detail-h">
                   <span class="name">
                     ${open.scope}${open.name ? `/${open.name}` : ""}
                   </span>
-                  <span class="ws">${body.length.toLocaleString()} chars</span>
+                  <span class="ws">${t4("memory.chars", { count: body.length.toLocaleString() })}</span>
                   <span class="actions">
-                    <button class="btn primary" disabled=${busy} onClick=${save}>Save</button>
-                    <button class="btn ghost" onClick=${() => setOpen(null)}>← back</button>
+                    <button class="btn primary" disabled=${busy} onClick=${save}>${t4("common.save")}</button>
+                    <button class="btn ghost" onClick=${() => setOpen(null)}>${t4("common.back")}</button>
                   </span>
                 </div>
                 ${info ? html4`<div style="margin-bottom:8px"><span class="pill ok">${info}</span></div>` : null}
@@ -22563,7 +23661,7 @@ function MemoryPanel() {
                   disabled=${busy}
                 ></textarea>
                 <div style="margin-top:8px;color:var(--fg-3);font-size:11.5px">
-                  re-applied on next <code class="mono">/new</code> or session restart
+                  ${t4("memory.reloadHint")}
                 </div>
               `}
       </div>
@@ -22617,59 +23715,59 @@ function kpi(label, value, delta, deltaTone) {
   `;
 }
 function deltaPctText(deltaPct) {
-  if (deltaPct === null) return { text: "no prior data", tone: "flat" };
-  if (Math.abs(deltaPct) < 1) return { text: "\u2014 stable", tone: "flat" };
+  if (deltaPct === null) return { text: t4("overview.noPriorData"), tone: "flat" };
+  if (Math.abs(deltaPct) < 1) return { text: t4("overview.stable"), tone: "flat" };
   const arrow = deltaPct > 0 ? "\u25B2" : "\u25BC";
   return {
-    text: `${arrow} ${Math.abs(deltaPct).toFixed(0)}% vs prior`,
+    text: t4("overview.vsPrior", { arrow, pct: Math.abs(deltaPct).toFixed(0) }),
     tone: deltaPct > 0 ? "up" : "down"
   };
 }
 function deltaPpText(deltaPp) {
-  if (deltaPp === null) return { text: "no prior data", tone: "flat" };
-  if (Math.abs(deltaPp) < 0.5) return { text: "\u2014 stable", tone: "flat" };
+  if (deltaPp === null) return { text: t4("overview.noPriorData"), tone: "flat" };
+  if (Math.abs(deltaPp) < 0.5) return { text: t4("overview.stable"), tone: "flat" };
   const arrow = deltaPp > 0 ? "\u25B2" : "\u25BC";
   return { text: `${arrow} ${Math.abs(deltaPp).toFixed(1)}pp`, tone: deltaPp > 0 ? "up" : "down" };
 }
 function deltaCountText(delta) {
-  if (delta === null || delta === 0) return { text: "\u2014 stable", tone: "flat" };
+  if (delta === null || delta === 0) return { text: t4("overview.stable"), tone: "flat" };
   const arrow = delta > 0 ? "\u25B2" : "\u25BC";
   return { text: `${arrow} ${Math.abs(delta)}`, tone: delta > 0 ? "up" : "down" };
 }
 function balanceKpi(c3) {
-  if (!c3.balance) return kpi("balance", "\u2014", "open in TUI", "flat");
+  if (!c3.balance) return kpi(t4("overview.balance"), "\u2014", "open in TUI", "flat");
   const symbol = c3.balance.currency === "CNY" ? "\xA5" : c3.balance.currency === "USD" ? "$" : "";
-  return kpi("balance", `${symbol}${c3.balance.total}`, c3.balance.currency, "flat");
+  return kpi(t4("overview.balance"), `${symbol}${c3.balance.total}`, c3.balance.currency, "flat");
 }
 function tokens7dKpi(c3) {
-  if (!c3.tokens7d) return kpi("tokens \xB7 7d", "\u2014", "no usage yet", "flat");
+  if (!c3.tokens7d) return kpi(t4("overview.tokens7d"), "\u2014", t4("overview.noUsageYet"), "flat");
   const d3 = deltaPctText(c3.tokens7d.deltaPct);
-  return kpi("tokens \xB7 7d", fmtCompactNum(c3.tokens7d.total), d3.text, d3.tone);
+  return kpi(t4("overview.tokens7d"), fmtCompactNum(c3.tokens7d.total), d3.text, d3.tone);
 }
 function cacheHitKpi(c3) {
-  if (!c3.cacheHit7d) return kpi("cache hit", "\u2014", "no usage yet", "flat");
+  if (!c3.cacheHit7d) return kpi(t4("overview.cacheHit"), "\u2014", t4("overview.noUsageYet"), "flat");
   const pct = (c3.cacheHit7d.ratio * 100).toFixed(0);
   const d3 = deltaPpText(c3.cacheHit7d.deltaPp);
   return html4`
     <div class="kpi cock-w-1">
-      <div class="label">cache hit</div>
+      <div class="label">${t4("overview.cacheHit")}</div>
       <div class="value">${pct}<span class="unit">%</span></div>
       <div class=${`delta ${d3.tone}`}>${d3.text}</div>
     </div>
   `;
 }
 function toolCallsKpi(c3) {
-  if (!c3.toolCalls24h) return kpi("tool calls \xB7 24h", "\u2014", "no events", "flat");
+  if (!c3.toolCalls24h) return kpi(t4("overview.toolCalls24h"), "\u2014", t4("overview.noToolCalls"), "flat");
   const d3 = deltaCountText(c3.toolCalls24h.delta);
-  return kpi("tool calls \xB7 24h", fmtNum(c3.toolCalls24h.total), d3.text, d3.tone);
+  return kpi(t4("overview.toolCalls24h"), fmtNum(c3.toolCalls24h.total), d3.text, d3.tone);
 }
 function currentSessionBlock(c3) {
   if (!c3.currentSession) {
     return html4`
       <div class="cock-list cock-w-2">
-        <div class="ch"><span class="ttl">current session</span></div>
+        <div class="ch"><span class="ttl">${t4("overview.currentSession")}</span></div>
         <div style="color:var(--fg-3);font-size:12.5px;padding:8px 0">
-          No live session — <code class="mono">/dashboard</code> from inside <code class="mono">reasonix code</code> to attach.
+          ${t4("overview.noSession")}
         </div>
       </div>
     `;
@@ -22677,14 +23775,14 @@ function currentSessionBlock(c3) {
   const s3 = c3.currentSession;
   return html4`
     <div class="cock-list cock-w-2">
-      <div class="ch"><span class="ttl">current session</span></div>
+      <div class="ch"><span class="ttl">${t4("overview.currentSession")}</span></div>
       <div class="card accent-brand" style="margin:0 0 8px;background:transparent;border:none;padding:0">
         <div class="card-h"><span class="glyph">◆</span><span class="title">${s3.id}</span><span class="meta">${s3.turns} turn${s3.turns === 1 ? "" : "s"}</span></div>
       </div>
       <div style="display:grid;grid-template-columns:repeat(3, 1fr);gap:8px;font-family:var(--font-mono);font-size:11px">
-        <div><span style="color:var(--fg-3)">prompt tok</span><div style="color:var(--fg-0);font-size:13px;font-weight:600">${fmtNum(s3.lastPromptTokens)}</div></div>
-        <div><span style="color:var(--fg-3)">completion tok</span><div style="color:var(--fg-0);font-size:13px;font-weight:600">${fmtNum(s3.completionTokens)}</div></div>
-        <div><span style="color:var(--fg-3)">cost</span><div style="color:var(--fg-0);font-size:13px;font-weight:600">${fmtUsd(s3.totalCostUsd)}</div></div>
+        <div><span style="color:var(--fg-3)">${t4("overview.promptTok")}</span><div style="color:var(--fg-0);font-size:13px;font-weight:600">${fmtNum(s3.lastPromptTokens)}</div></div>
+        <div><span style="color:var(--fg-3)">${t4("overview.completionTok")}</span><div style="color:var(--fg-0);font-size:13px;font-weight:600">${fmtNum(s3.completionTokens)}</div></div>
+        <div><span style="color:var(--fg-3)">${t4("overview.cost")}</span><div style="color:var(--fg-0);font-size:13px;font-weight:600">${fmtUsd(s3.totalCostUsd)}</div></div>
       </div>
     </div>
   `;
@@ -22693,8 +23791,8 @@ function costTrendSpark(c3) {
   if (!c3.costTrend14d || c3.costTrend14d.length === 0) {
     return html4`
       <div class="chart cock-w-2">
-        <div class="chart-h"><span class="title">cost · 14 day</span></div>
-        <div class="chart-v" style="color:var(--fg-4)">—<span class="unit">no usage yet</span></div>
+        <div class="chart-h"><span class="title">${t4("overview.costTrend")}</span></div>
+        <div class="chart-v" style="color:var(--fg-4)">—<span class="unit">${t4("overview.noUsageYet")}</span></div>
       </div>
     `;
   }
@@ -22712,8 +23810,8 @@ function costTrendSpark(c3) {
   const avg = total / days2.length;
   return html4`
     <div class="chart cock-w-2">
-      <div class="chart-h"><span class="title">cost · 14 day</span></div>
-      <div class="chart-v">${fmtUsd(avg)}<span class="unit">/day avg</span></div>
+      <div class="chart-h"><span class="title">${t4("overview.costTrend")}</span></div>
+      <div class="chart-v">${fmtUsd(avg)}<span class="unit">${t4("overview.dayAvg")}</span></div>
       <div class="chart-spark">
         <svg viewBox=${`0 0 ${w3} ${h3}`} preserveAspectRatio="none">
           <polyline fill="none" stroke="var(--c-brand)" stroke-width="1.5" points=${points2} />
@@ -22726,8 +23824,8 @@ function costTrendSpark(c3) {
 function recentPlansRail(c3) {
   return html4`
     <div class="cock-list cock-w-2">
-      <div class="ch"><span class="ttl">recent plans</span></div>
-      ${!c3.recentPlans || c3.recentPlans.length === 0 ? html4`<div style="color:var(--fg-3);font-size:12.5px;padding:8px 0">No plans yet — submit one with <code class="mono">submit_plan</code>.</div>` : c3.recentPlans.map(
+      <div class="ch"><span class="ttl">${t4("overview.recentPlans")}</span></div>
+      ${!c3.recentPlans || c3.recentPlans.length === 0 ? html4`<div style="color:var(--fg-3);font-size:12.5px;padding:8px 0">${t4("overview.noPlans")}</div>` : c3.recentPlans.map(
     (p3) => html4`
                 <div class=${`rail-step ${p3.status === "done" ? "done" : "active"}`}>
                   <span class="g">${p3.status === "done" ? "\u2713" : "\u23F5"}</span>
@@ -22742,8 +23840,8 @@ function recentPlansRail(c3) {
 function toolActivityFeed(c3) {
   return html4`
     <div class="cock-list cock-w-2">
-      <div class="ch"><span class="ttl">tool activity</span></div>
-      ${!c3.toolActivity || c3.toolActivity.length === 0 ? html4`<div style="color:var(--fg-3);font-size:12.5px;padding:8px 0">No tool calls yet.</div>` : c3.toolActivity.map(
+      <div class="ch"><span class="ttl">${t4("overview.toolActivity")}</span></div>
+      ${!c3.toolActivity || c3.toolActivity.length === 0 ? html4`<div style="color:var(--fg-3);font-size:12.5px;padding:8px 0">${t4("overview.noToolCalls")}</div>` : c3.toolActivity.map(
     (r3) => html4`
                 <div class=${`feed-row ${r3.level}`}>
                   <span class="g">${r3.level === "ok" ? "\u25CF" : r3.level === "warn" ? "\u25B2" : "\u2715"}</span>
@@ -22756,10 +23854,11 @@ function toolActivityFeed(c3) {
   `;
 }
 function OverviewPanel() {
+  useLang();
   const { data, error, loading } = usePoll("/overview", 2500);
   if (loading && !data)
-    return html4`<div class="card" style="color:var(--fg-3)">loading overview…</div>`;
-  if (error) return html4`<div class="card accent-err">overview failed: ${error.message}</div>`;
+    return html4`<div class="card" style="color:var(--fg-3)">${t4("overview.loading")}</div>`;
+  if (error) return html4`<div class="card accent-err">${t4("overview.failed", { error: error.message })}</div>`;
   if (!data) return null;
   const o3 = data;
   const c3 = o3.cockpit ?? {
@@ -22773,22 +23872,21 @@ function OverviewPanel() {
     toolActivity: null
   };
   const upToDate = o3.latestVersion ? o3.latestVersion === o3.version : null;
-  const versionDelta = upToDate === null ? "checking" : upToDate ? "latest" : `latest: ${o3.latestVersion}`;
+  const versionDelta = upToDate === null ? t4("overview.checking") : upToDate ? t4("overview.latest") : `latest: ${o3.latestVersion}`;
   const versionTone = upToDate === false ? "down" : "flat";
   return html4`
     <div style="display:flex;flex-direction:column;gap:14px">
       ${o3.mode === "standalone" ? html4`<div class="card accent-warn">
               <div class="card-h">
-                <span class="title" style="color:var(--c-warn)">Standalone mode</span>
+                <span class="title" style="color:var(--c-warn)">${t4("overview.standaloneTitle")}</span>
               </div>
               <div class="card-b">
-                Read-only disk view. Start <code class="mono">/dashboard</code> from inside
-                <code class="mono">reasonix code</code> for live session state, MCP, and tools.
+                ${t4("overview.standaloneDesc")}
               </div>
             </div>` : null}
 
       <h3 style="margin:0;font-family:var(--font-mono);font-size:11px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em">
-        Cockpit
+        ${t4("overview.cockpit")}
       </h3>
       <div class="cockpit">
         ${balanceKpi(c3)}
@@ -22802,17 +23900,17 @@ function OverviewPanel() {
         ${recentPlansRail(c3)}
         ${toolActivityFeed(c3)}
 
-        ${kpi("tools loaded", fmtNum(o3.toolCount), o3.toolCount ? "active" : "\u2014", "flat")}
-        ${kpi("mcp servers", fmtNum(o3.mcpServerCount), o3.mcpServerCount ? "all up" : "\u2014", o3.mcpServerCount ? "up" : "flat")}
-        ${kpi("edit mode", o3.editMode ?? "\u2014", o3.editMode === "yolo" ? "all prompts bypassed" : null, o3.editMode === "yolo" ? "down" : "flat")}
-        ${kpi("Reasonix", o3.version ?? "\u2014", versionDelta, versionTone)}
+        ${kpi(t4("overview.toolsLoaded"), fmtNum(o3.toolCount), o3.toolCount ? t4("overview.active") : "\u2014", "flat")}
+        ${kpi(t4("overview.mcpServers"), fmtNum(o3.mcpServerCount), o3.mcpServerCount ? t4("overview.allUp") : "\u2014", o3.mcpServerCount ? "up" : "flat")}
+        ${kpi(t4("overview.editMode"), o3.editMode ?? "\u2014", o3.editMode === "yolo" ? t4("overview.yoloWarning") : null, o3.editMode === "yolo" ? "down" : "flat")}
+        ${kpi(t4("overview.version"), o3.version ?? "\u2014", versionDelta, versionTone)}
       </div>
 
       <h3 style="margin:0;font-family:var(--font-mono);font-size:11px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em">
-        Working directory
+        ${t4("overview.workingDir")}
       </h3>
       <div class="card">
-        <div class="card-h"><span class="title">project root</span></div>
+        <div class="card-h"><span class="title">${t4("overview.projectRoot")}</span></div>
         <code class="mono" style="color:var(--fg-2);font-size:12px">${o3.cwd ?? "\u2014"}</code>
       </div>
     </div>
@@ -22833,6 +23931,7 @@ function groupByVerb(list2) {
   return [...groups.entries()];
 }
 function PermissionsPanel() {
+  useLang();
   const { data, error, loading, refresh } = usePoll("/permissions", 5e3);
   const [draft, setDraft] = p2("");
   const [busy, setBusy] = p2(false);
@@ -22847,8 +23946,8 @@ function PermissionsPanel() {
         method: "POST",
         body: { prefix }
       });
-      if (res.alreadyPresent) setFeedback({ kind: "info", text: `${prefix} already in list` });
-      else setFeedback({ kind: "ok", text: `added: ${prefix}` });
+      if (res.alreadyPresent) setFeedback({ kind: "info", text: t4("permissions.alreadyIn", { prefix }) });
+      else setFeedback({ kind: "ok", text: t4("permissions.added", { prefix }) });
       setDraft("");
       await refresh();
     } catch (err) {
@@ -22859,12 +23958,12 @@ function PermissionsPanel() {
   }, [draft, refresh]);
   const remove = x2(
     async (prefix) => {
-      if (!confirm(`Remove "${prefix}" from this project's allowlist?`)) return;
+      if (!confirm(t4("permissions.removeConfirm", { prefix }))) return;
       setBusy(true);
       setFeedback(null);
       try {
         await api("/permissions", { method: "DELETE", body: { prefix } });
-        setFeedback({ kind: "ok", text: `removed: ${prefix}` });
+        setFeedback({ kind: "ok", text: t4("permissions.removed", { prefix }) });
         await refresh();
       } catch (err) {
         setFeedback({ kind: "err", text: err.message });
@@ -22875,7 +23974,7 @@ function PermissionsPanel() {
     [refresh]
   );
   const clearAll = x2(async () => {
-    if (!confirm("Wipe every project allowlist entry? Builtin entries are unaffected.")) return;
+    if (!confirm(t4("permissions.clearConfirm"))) return;
     setBusy(true);
     setFeedback(null);
     try {
@@ -22885,7 +23984,7 @@ function PermissionsPanel() {
       });
       setFeedback({
         kind: "ok",
-        text: `cleared ${res.dropped} entr${res.dropped === 1 ? "y" : "ies"}`
+        text: t4("permissions.cleared", { count: res.dropped, y: res.dropped === 1 ? "y" : "ies" })
       });
       await refresh();
     } catch (err) {
@@ -22895,8 +23994,8 @@ function PermissionsPanel() {
     }
   }, [refresh]);
   if (loading && !data)
-    return html4`<div class="card" style="color:var(--fg-3)">loading permissions…</div>`;
-  if (error) return html4`<div class="card accent-err">permissions failed: ${error.message}</div>`;
+    return html4`<div class="card" style="color:var(--fg-3)">${t4("permissions.loading")}</div>`;
+  if (error) return html4`<div class="card accent-err">${t4("common.loadingFailed", { name: "permissions", error: error.message })}</div>`;
   if (!data) return null;
   const p3 = data;
   const feedbackPill = feedback ? html4`<span
@@ -22905,28 +24004,27 @@ function PermissionsPanel() {
   return html4`
     <div style="display:flex;flex-direction:column;gap:14px">
       ${p3.editMode === "yolo" ? html4`<div class="card accent-warn">
-              <div class="card-h"><span class="title" style="color:var(--c-warn)">YOLO mode</span></div>
+              <div class="card-h"><span class="title" style="color:var(--c-warn)">${t4("permissions.yoloTitle")}</span></div>
               <div class="card-b">
-                Every shell command auto-runs, allowlist bypassed.
-                Switch back with <code class="mono">/mode review</code> in the TUI.
+                ${t4("permissions.yoloDesc")}
               </div>
             </div>` : null}
 
       <div class="chips">
-        <span class="chip-f active">project <span class="ct">${p3.project.length}</span></span>
-        <span class="chip-f">builtin <span class="ct">${p3.builtin.length}</span></span>
+        <span class="chip-f active">${t4("permissions.project")} <span class="ct">${p3.project.length}</span></span>
+        <span class="chip-f">${t4("permissions.builtin")} <span class="ct">${p3.builtin.length}</span></span>
       </div>
 
       ${p3.currentCwd ? html4`
             <div class="card">
               <div class="card-h">
-                <span class="title">add a prefix</span>
+                <span class="title">${t4("permissions.addPrefix")}</span>
                 <span class="meta">${p3.currentCwd}</span>
               </div>
               <div style="display:flex;gap:8px;align-items:center">
                 <input
                   type="text"
-                  placeholder='e.g. "npm run build" or "deploy.sh"'
+                  placeholder=${t4("permissions.addPlaceholder")}
                   value=${draft}
                   onInput=${(e3) => setDraft(e3.target.value)}
                   onKeyDown=${(e3) => {
@@ -22935,35 +24033,33 @@ function PermissionsPanel() {
                   disabled=${busy}
                   style="flex:1"
                 />
-                <button class="primary" onClick=${add} disabled=${busy || !draft.trim()}>Add</button>
+                <button class="primary" onClick=${add} disabled=${busy || !draft.trim()}>${t4("common.add")}</button>
                 <button
                   class="danger"
                   onClick=${clearAll}
                   disabled=${busy || p3.project.length === 0}
-                >Clear all</button>
+                >${t4("permissions.clearAll")}</button>
               </div>
               ${feedbackPill ? html4`<div style="margin-top:8px">${feedbackPill}</div>` : null}
             </div>
           ` : html4`
             <div class="card accent-warn">
               <div class="card-b">
-                Mutations require <code class="mono">/dashboard</code> from inside an active
-                <code class="mono">reasonix code</code> session — standalone
-                <code class="mono">reasonix dashboard</code> can't tell which project's allowlist to edit.
+                ${t4("permissions.standaloneWarning")}
               </div>
             </div>
           `}
 
       <h3 style="margin:6px 0 0;font-family:var(--font-mono);font-size:11px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em">
-        Project allowlist · ${p3.project.length}
+        ${t4("permissions.projectAllowlist", { count: p3.project.length })}
       </h3>
-      ${p3.project.length === 0 ? html4`<div class="card" style="color:var(--fg-3)">Nothing stored yet for this project.</div>` : html4`
+      ${p3.project.length === 0 ? html4`<div class="card" style="color:var(--fg-3)">${t4("permissions.nothingStored")}</div>` : html4`
             <div class="card" style="padding:0;overflow:hidden">
               <table class="tbl">
                 <thead>
                   <tr>
-                    <th style="width:48px">#</th>
-                    <th>prefix</th>
+                    <th style="width:48px">${t4("permissions.colNum")}</th>
+                    <th>${t4("permissions.colPrefix")}</th>
                     <th style="width:120px"></th>
                   </tr>
                 </thead>
@@ -22978,7 +24074,7 @@ function PermissionsPanel() {
                                   class="danger"
                                   onClick=${() => remove(prefix)}
                                   disabled=${busy}
-                                >remove</button>` : null}
+                                >${t4("common.remove")}</button>` : null}
                         </td>
                       </tr>
                     `
@@ -22989,7 +24085,7 @@ function PermissionsPanel() {
           `}
 
       <h3 style="margin:6px 0 0;font-family:var(--font-mono);font-size:11px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em">
-        Builtin · ${p3.builtin.length} · read-only
+        ${t4("permissions.builtinTitle", { count: p3.builtin.length })}
       </h3>
       <div class="card" style="font-family:var(--font-mono);font-size:11.5px;line-height:1.8">
         ${groupByVerb(p3.builtin).map(
@@ -23007,22 +24103,22 @@ function PermissionsPanel() {
 
 // dashboard/src/panels/plans.ts
 function statusPill(p3) {
-  if (p3.completionRatio >= 1) return html4`<span class="pill ok">done</span>`;
-  if (p3.completionRatio > 0) return html4`<span class="pill info">active</span>`;
+  if (p3.completionRatio >= 1) return html4`<span class="pill ok">${t4("plans.done")}</span>`;
+  if (p3.completionRatio > 0) return html4`<span class="pill info">${t4("plans.active")}</span>`;
   return html4`<span class="pill">idle</span>`;
 }
 function PlansPanel() {
+  useLang();
   const { data, error, loading } = usePoll("/plans", 8e3);
   const [openIdx, setOpenIdx] = p2(null);
   const [filter, setFilter] = p2("");
   if (loading && !data)
-    return html4`<div class="card" style="color:var(--fg-3)">loading plans…</div>`;
-  if (error) return html4`<div class="card accent-err">plans failed: ${error.message}</div>`;
+    return html4`<div class="card" style="color:var(--fg-3)">${t4("plans.loading")}</div>`;
+  if (error) return html4`<div class="card accent-err">${t4("common.loadingFailed", { name: "plans", error: error.message })}</div>`;
   const plans = data?.plans ?? [];
   if (plans.length === 0)
     return html4`<div class="card" style="color:var(--fg-3)">
-      No archived plans yet — run a turn that calls <code class="mono">submit_plan</code>
-      and <code class="mono">mark_step_complete</code>.
+      ${t4("plans.noPlans")}
     </div>`;
   const filtered = filter.trim() ? plans.filter(
     (p3) => p3.session.toLowerCase().includes(filter.toLowerCase()) || (p3.summary ?? "").toLowerCase().includes(filter.toLowerCase())
@@ -23034,20 +24130,20 @@ function PlansPanel() {
         <div class="ssl-h">
           <input
             type="text"
-            placeholder="filter plans"
+            placeholder=${t4("plans.filterPlaceholder")}
             value=${filter}
             onInput=${(e3) => setFilter(e3.target.value)}
             style="flex:1"
           />
         </div>
         <div class="chips" style="padding:0 12px 8px">
-          <span class="chip-f active">all <span class="ct">${plans.length}</span></span>
+          <span class="chip-f active">${t4("common.all")} <span class="ct">${plans.length}</span></span>
           <span class="chip-f">
-            active
+            ${t4("plans.active")}
             <span class="ct">${plans.filter((p3) => p3.completionRatio > 0 && p3.completionRatio < 1).length}</span>
           </span>
           <span class="chip-f">
-            done <span class="ct">${plans.filter((p3) => p3.completionRatio >= 1).length}</span>
+            ${t4("plans.done")} <span class="ct">${plans.filter((p3) => p3.completionRatio >= 1).length}</span>
           </span>
         </div>
         <div class="ssl-rows">
@@ -23059,7 +24155,7 @@ function PlansPanel() {
                 <span class="name">${p3.summary ?? p3.session} ${statusPill(p3)}</span>
                 ${p3.summary && p3.session !== p3.summary ? html4`<span class="preview">${p3.session}</span>` : null}
                 <span class="meta">
-                  <span><span class="v">${p3.totalSteps}</span> steps</span>
+                  <span><span class="v">${p3.totalSteps}</span> ${t4("plans.steps")}</span>
                   <span><span class="v">${p3.completedSteps} / ${p3.totalSteps}</span> · ${fmtPct(p3.completionRatio)}</span>
                   <span>${fmtRelativeTime(p3.completedAt)}</span>
                 </span>
@@ -23071,18 +24167,18 @@ function PlansPanel() {
 
       <div class="sessions-detail">
         ${open == null ? html4`<div style="color:var(--fg-3);font-size:13px;text-align:center;padding:60px 20px">
-                Pick a plan on the left.
+                ${t4("plans.pickHint")}
               </div>` : html4`
                 <div class="sessions-detail-h">
-                  <span class="name">${open.summary ?? "(no title)"}</span>
+                  <span class="name">${open.summary ?? t4("plans.noTitle")}</span>
                   <span class="ws">${open.session} · ${fmtRelativeTime(open.completedAt)}</span>
                   <span class="actions">
-                    <button class="btn ghost" onClick=${() => setOpenIdx(null)}>← back</button>
+                    <button class="btn ghost" onClick=${() => setOpenIdx(null)}>${t4("common.back")}</button>
                   </span>
                 </div>
 
                 <h3 style="margin:0 0 6px;font-family:var(--font-mono);font-size:11px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em">
-                  Step timeline · ${open.completedSteps} / ${open.totalSteps}
+                  ${t4("plans.stepTimeline", { done: open.completedSteps, total: open.totalSteps })}
                 </h3>
                 <div class="plan-timeline" style="margin-bottom:14px">
                   ${open.steps.map((step, i3) => {
@@ -23090,7 +24186,7 @@ function PlansPanel() {
     const cls = done ? "done" : i3 === open.completedSteps ? "active" : "";
     return html4`
                       <div class=${`plan-step ${cls}`}>
-                        <span class="lbl">step ${i3 + 1}</span>
+                        <span class="lbl">${t4("plans.step", { n: i3 + 1 })}</span>
                         <span class="name">${step.title}</span>
                         ${step.action ? html4`<span class="meta">${step.action}</span>` : null}
                         ${step.risk ? html4`<span
@@ -23109,6 +24205,7 @@ function PlansPanel() {
 
 // dashboard/src/panels/semantic.ts
 function SemanticPanel() {
+  useLang();
   const [data, setData] = p2(null);
   const [error, setError] = p2(null);
   const [busy, setBusy] = p2(false);
@@ -23137,7 +24234,7 @@ function SemanticPanel() {
       setInfo(null);
       try {
         await api("/semantic/start", { method: "POST", body: { rebuild: !!rebuild } });
-        setInfo(rebuild ? "rebuild started" : "incremental index started");
+        setInfo(rebuild ? t4("semantic.rebuildStarted") : t4("semantic.incrementalStarted"));
         await load();
       } catch (err) {
         setError(err.message);
@@ -23152,7 +24249,7 @@ function SemanticPanel() {
     setError(null);
     try {
       await api("/semantic/stop", { method: "POST", body: {} });
-      setInfo("stopping requested \u2014 current chunk batch will finish first");
+      setInfo(t4("semantic.stopRequested"));
       await load();
     } catch (err) {
       setError(err.message);
@@ -23163,11 +24260,11 @@ function SemanticPanel() {
   const startDaemon = x2(async () => {
     setBusy(true);
     setError(null);
-    setInfo("starting ollama daemon (15s timeout)\u2026");
+    setInfo(t4("semantic.startingDaemon"));
     try {
       const r3 = await api("/semantic/ollama/start", { method: "POST", body: {} });
       setInfo(
-        r3.ready ? "daemon is up" : "daemon didn't come up in time \u2014 check `ollama serve` manually"
+        r3.ready ? t4("semantic.daemonUp") : t4("semantic.daemonTimeout")
       );
       await load();
     } catch (err) {
@@ -23180,7 +24277,7 @@ function SemanticPanel() {
     async (model) => {
       setBusy(true);
       setError(null);
-      setInfo(`pulling ${model} \u2014 this may take a few minutes on first install`);
+      setInfo(t4("semantic.pullingModel", { model }));
       try {
         await api("/semantic/ollama/pull", { method: "POST", body: { model } });
         await load();
@@ -23193,13 +24290,13 @@ function SemanticPanel() {
     [load]
   );
   if (!data && !error)
-    return html4`<div class="card" style="color:var(--fg-3)">loading semantic status…</div>`;
+    return html4`<div class="card" style="color:var(--fg-3)">${t4("common.loading")}</div>`;
   if (error && !data) return html4`<div class="card accent-err">${error}</div>`;
   if (!data) return null;
   if (!data.attached) {
     return html4`
       <div class="card" style="color:var(--fg-3)">
-        <div class="card-h"><span class="title">Semantic — code-mode required</span></div>
+        <div class="card-h"><span class="title">${t4("semantic.codeRequired")}</span></div>
         <div class="card-b">${data.reason}</div>
       </div>
     `;
@@ -23225,9 +24322,9 @@ function SemanticPanel() {
       <div style="display:flex;flex-direction:column;gap:10px;min-width:0">
         <div class="chips">
           <span class=${`chip-f ${idx?.exists ? "active" : ""}`}>
-            ${idx?.exists ? "index built" : "no index yet"}
+            ${idx?.exists ? t4("semantic.indexBuilt") : t4("semantic.noIndex")}
           </span>
-          ${ready ? html4`<span class="chip-f" style="border-color:var(--c-ok);color:var(--c-ok)">ready</span>` : html4`<span class="chip-f" style="border-color:var(--c-warn);color:var(--c-warn)">setup needed</span>`}
+          ${ready ? html4`<span class="chip-f" style="border-color:var(--c-ok);color:var(--c-ok)">${t4("semantic.ready")}</span>` : html4`<span class="chip-f" style="border-color:var(--c-warn);color:var(--c-warn)">${t4("semantic.setupNeeded")}</span>`}
         </div>
         ${info ? html4`<div><span class="pill info">${info}</span></div>` : null}
         ${error ? html4`<div class="card accent-err">${error}</div>` : null}
@@ -23236,37 +24333,37 @@ function SemanticPanel() {
 
         ${!binaryFound ? html4`
               <div class="card">
-                <div class="card-h"><span class="title">Install Ollama</span></div>
+                <div class="card-h"><span class="title">${t4("semantic.installOllama")}</span></div>
                 <div class="card-b" style="font-size:13px">
-                  Reasonix doesn't run package managers for you. Install Ollama first, then come back:
+                  ${t4("semantic.installOllamaDesc")}
                   <ul style="margin:10px 0 4px 18px;padding:0">
-                    <li><strong>macOS / Windows:</strong> download from <a href="https://ollama.com/download" target="_blank" rel="noreferrer">ollama.com/download</a></li>
-                    <li><strong>Linux:</strong> <code class="mono">curl -fsSL https://ollama.com/install.sh | sh</code></li>
+                    <li><strong>${t4("semantic.macWindows")}</strong> ${t4("semantic.download")} <a href="https://ollama.com/download" target="_blank" rel="noreferrer">ollama.com/download</a></li>
+                    <li><strong>${t4("semantic.linux")}</strong> <code class="mono">curl -fsSL https://ollama.com/install.sh | sh</code></li>
                   </ul>
-                  <div style="color:var(--fg-3);margin-top:8px">Refresh after install — this panel will offer to start the daemon and pull <code class="mono">${modelName}</code>.</div>
+                  <div style="color:var(--fg-3);margin-top:8px">${t4("semantic.refreshHint", { model: modelName })}</div>
                 </div>
               </div>
             ` : null}
         ${binaryFound && !daemonRunning ? html4`
               <div class="card">
-                <div class="card-h"><span class="title">Daemon</span></div>
+                <div class="card-h"><span class="title">${t4("semantic.daemon")}</span></div>
                 <div class="card-b" style="font-size:13px">
-                  <code class="mono">ollama</code> is on your PATH but the HTTP daemon isn't reachable.
+                  ${t4("semantic.daemonDesc")}
                   <div style="display:flex;gap:8px;margin-top:10px;align-items:center">
-                    <button class="primary" disabled=${busy} onClick=${startDaemon}>Start daemon</button>
-                    <span style="color:var(--fg-3);font-size:12px">runs <code class="mono">ollama serve</code> detached</span>
+                    <button class="primary" disabled=${busy} onClick=${startDaemon}>${t4("semantic.startDaemon")}</button>
+                    <span style="color:var(--fg-3);font-size:12px">${t4("semantic.runsOllama")}</span>
                   </div>
                 </div>
               </div>
             ` : null}
         ${daemonRunning && !modelPulled ? html4`
               <div class="card">
-                <div class="card-h"><span class="title">Model</span></div>
+                <div class="card-h"><span class="title">${t4("semantic.model")}</span></div>
                 <div class="card-b" style="font-size:13px">
-                  <code class="mono">${modelName}</code> isn't installed yet.${pulling ? "" : " ~270 MB on first pull."}
+                  ${t4("semantic.modelMissing", { model: modelName })}${pulling ? "" : ` ${t4("semantic.modelSize")}`}
                   <div style="display:flex;gap:8px;margin-top:10px">
                     <button class="primary" disabled=${busy || pulling} onClick=${() => pullModel(modelName)}>
-                      ${pulling ? "pulling\u2026" : `Pull ${modelName}`}
+                      ${pulling ? t4("semantic.pulling") : t4("semantic.pullModel", { model: modelName })}
                     </button>
                   </div>
                   ${pull ? html4`
@@ -23281,7 +24378,7 @@ function SemanticPanel() {
             ` : null}
 
         ${job ? html4`
-              ${sectionH3("Job")}
+              ${sectionH3(t4("semantic.job"))}
               <${SemanticJobView} job=${job} running=${running} />
             ` : null}
       </div>
@@ -23289,43 +24386,43 @@ function SemanticPanel() {
       <aside style="display:flex;flex-direction:column;gap:10px">
         <div class="card">
           <div class="card-h">
-            <span class="title">index status</span>
+            <span class="title">${t4("semantic.indexStatus")}</span>
             <span class="meta">
-              ${idx?.exists ? html4`<span class="pill ok">● built</span>` : html4`<span class="pill">none</span>`}
+              ${idx?.exists ? html4`<span class="pill ok">${t4("semantic.builtStatus")}</span>` : html4`<span class="pill">${t4("system.none")}</span>`}
             </span>
           </div>
           ${idx?.exists ? html4`
-                <div class="rail-kv"><span class="k">chunks</span><span class="v">${fmtNum(idx.chunks)}</span></div>
-                <div class="rail-kv"><span class="k">files</span><span class="v">${fmtNum(idx.files)}</span></div>
-                <div class="rail-kv"><span class="k">model</span><span class="v" style="font-size:11px">${idx.model ?? modelName}</span></div>
-                <div class="rail-kv"><span class="k">dim</span><span class="v">${fmtNum(idx.dim)}</span></div>
-                <div class="rail-kv"><span class="k">size</span><span class="v">${fmtBytes(idx.sizeBytes)}</span></div>
-                <div class="rail-kv"><span class="k">last build</span><span class="v">${fmtRelativeTime(idx.lastBuiltMs ?? null)}</span></div>
+                <div class="rail-kv"><span class="k">${t4("semantic.chunks")}</span><span class="v">${fmtNum(idx.chunks)}</span></div>
+                <div class="rail-kv"><span class="k">${t4("semantic.files")}</span><span class="v">${fmtNum(idx.files)}</span></div>
+                <div class="rail-kv"><span class="k">${t4("semantic.model")}</span><span class="v" style="font-size:11px">${idx.model ?? modelName}</span></div>
+                <div class="rail-kv"><span class="k">${t4("semantic.dim")}</span><span class="v">${fmtNum(idx.dim)}</span></div>
+                <div class="rail-kv"><span class="k">${t4("semantic.size")}</span><span class="v">${fmtBytes(idx.sizeBytes)}</span></div>
+                <div class="rail-kv"><span class="k">${t4("semantic.lastBuild")}</span><span class="v">${fmtRelativeTime(idx.lastBuiltMs ?? null)}</span></div>
               ` : html4`
                 <div style="color:var(--fg-3);font-size:12.5px;padding:6px 0">
-                  Run an index to enable <code class="mono">semantic_search</code>.
+                  ${t4("semantic.runIndexHint")}
                 </div>
               `}
           <div style="display:flex;gap:6px;margin-top:10px;flex-wrap:wrap">
-            <button class="primary" disabled=${busy || running || !ready} onClick=${() => start(false)}>${idx?.exists ? "Re-index" : "Build"}</button>
-            ${idx?.exists ? html4`<button disabled=${busy || running || !ready} onClick=${() => start(true)}>Rebuild</button>` : null}
-            ${running ? html4`<button onClick=${stop} style="border-color:var(--c-err);color:var(--c-err)">Stop</button>` : null}
+            <button class="primary" disabled=${busy || running || !ready} onClick=${() => start(false)}>${idx?.exists ? t4("semantic.reIndex") : t4("semantic.build")}</button>
+            ${idx?.exists ? html4`<button disabled=${busy || running || !ready} onClick=${() => start(true)}>${t4("semantic.rebuild")}</button>` : null}
+            ${running ? html4`<button onClick=${stop} style="border-color:var(--c-err);color:var(--c-err)">${t4("semantic.stop")}</button>` : null}
           </div>
         </div>
 
         <div class="card">
-          <div class="card-h"><span class="title">ollama</span></div>
+          <div class="card-h"><span class="title">${t4("semantic.ollama")}</span></div>
           <div class="rail-kv">
-            <span class="k">binary</span>
-            <span class="v">${binaryFound ? html4`<span class="pill ok">found</span>` : html4`<span class="pill err">missing</span>`}</span>
+            <span class="k">${t4("semantic.binary")}</span>
+            <span class="v">${binaryFound ? html4`<span class="pill ok">${t4("semantic.found")}</span>` : html4`<span class="pill err">${t4("semantic.missing")}</span>`}</span>
           </div>
           <div class="rail-kv">
-            <span class="k">daemon</span>
-            <span class="v">${daemonRunning ? html4`<span class="pill ok">up</span>` : html4`<span class="pill warn">down</span>`}</span>
+            <span class="k">${t4("semantic.daemonStatus")}</span>
+            <span class="v">${daemonRunning ? html4`<span class="pill ok">${t4("semantic.up")}</span>` : html4`<span class="pill warn">${t4("semantic.down")}</span>`}</span>
           </div>
           <div class="rail-kv">
-            <span class="k">model</span>
-            <span class="v">${modelPulled ? html4`<span class="pill ok">pulled</span>` : html4`<span class="pill warn">missing</span>`}</span>
+            <span class="k">${t4("semantic.model")}</span>
+            <span class="v">${modelPulled ? html4`<span class="pill ok">${t4("semantic.pulled")}</span>` : html4`<span class="pill warn">${t4("semantic.missing")}</span>`}</span>
           </div>
         </div>
 
@@ -23335,6 +24432,7 @@ function SemanticPanel() {
   `;
 }
 function SemanticSearchSection() {
+  useLang();
   const [query2, setQuery] = p2("");
   const [hits, setHits] = p2(null);
   const [meta, setMeta] = p2(null);
@@ -23367,7 +24465,7 @@ function SemanticSearchSection() {
           type="text"
           class="mono"
           style="width:100%;padding:10px 14px 10px 38px;font-size:13.5px;background:var(--bg-input);border:1px solid var(--bd);border-radius:var(--r);color:var(--fg-0);outline:none"
-          placeholder="describe what to find — 'where do we handle abort signals'"
+          placeholder=${t4("semantic.searchPlaceholder")}
           value=${query2}
           disabled=${busy}
           onInput=${(e3) => setQuery(e3.target.value)}
@@ -23381,7 +24479,7 @@ function SemanticSearchSection() {
       </div>
       ${hits || busy || error ? html4`
             <div style="font-family:var(--font-mono);font-size:11px;color:var(--fg-3);margin:8px 0 6px;display:flex;align-items:center;gap:8px">
-              ${busy ? html4`<span>searching…</span>` : error ? html4`<span style="color:var(--c-err)">${error}</span>` : hits ? html4`<span>${hits.length} result${hits.length === 1 ? "" : "s"} · ${meta?.elapsedMs ?? 0}ms · ${meta?.model ?? ""}</span>` : null}
+              ${busy ? html4`<span>${t4("semantic.searching")}</span>` : error ? html4`<span style="color:var(--c-err)">${error}</span>` : hits ? html4`<span>${t4("semantic.results", { count: hits.length, s: hits.length === 1 ? "" : "s", ms: meta?.elapsedMs ?? 0, model: meta?.model ?? "" })}</span>` : null}
             </div>
             ${hits && hits.length > 0 ? html4`
                   <div class="card" style="padding:0;max-height:420px;overflow-y:auto">
@@ -23398,7 +24496,7 @@ function SemanticSearchSection() {
                       `
   )}
                   </div>
-                ` : hits && hits.length === 0 && !busy ? html4`<div class="card" style="color:var(--fg-3);font-size:12px">No matches above the score threshold.</div>` : null}
+                ` : hits && hits.length === 0 && !busy ? html4`<div class="card" style="color:var(--fg-3);font-size:12px">${t4("semantic.noMatches")}</div>` : null}
           ` : null}
     </div>
   `;
@@ -23430,6 +24528,7 @@ function fromDraft(d3) {
   };
 }
 function SemanticExcludesCard() {
+  useLang();
   const [data, setData] = p2(null);
   const [draft, setDraft] = p2(null);
   const [preview, setPreview] = p2(null);
@@ -23463,7 +24562,7 @@ function SemanticExcludesCard() {
         method: "POST",
         body: payload
       });
-      setInfo(`saved \xB7 ${r3.changed.length || 0} fields updated \xB7 re-run index to apply`);
+      setInfo(t4("semantic.savedConfig", { count: r3.changed.length || 0 }));
       await load();
     } catch (err) {
       setError(err.message);
@@ -23475,7 +24574,7 @@ function SemanticExcludesCard() {
     if (!draft) return;
     setBusy(true);
     setError(null);
-    setInfo("running dry walk against project root\u2026");
+    setInfo(t4("semantic.runningPreview"));
     try {
       const payload = fromDraft(draft);
       const r3 = await api("/index-config/preview", {
@@ -23494,47 +24593,47 @@ function SemanticExcludesCard() {
   if (!draft) {
     return html4`
       <div class="card">
-        <div class="card-h"><span class="title">index config</span></div>
-        <div style="color:var(--fg-3);font-size:12.5px">loading…</div>
+        <div class="card-h"><span class="title">${t4("semantic.indexConfig")}</span></div>
+        <div style="color:var(--fg-3);font-size:12.5px">${t4("common.loading")}</div>
       </div>
     `;
   }
   return html4`
     <div class="card">
       <div class="card-h">
-        <span class="title">index config</span>
+        <span class="title">${t4("semantic.indexConfig")}</span>
         <span class="meta">
           <a
             class="mono"
             style="color:var(--c-brand);text-decoration:none;font-size:11px;cursor:pointer"
             onClick=${reset}
-          >reset</a>
+          >${t4("semantic.reset")}</a>
         </span>
       </div>
       ${info ? html4`<div style="margin-bottom:8px"><span class="pill ok">${info}</span></div>` : null}
       ${error ? html4`<div class="card accent-err" style="margin-bottom:8px">${error}</div>` : null}
 
       <${ChipFormRow}
-        label="exclude dirs"
+        label=${t4("semantic.excludeDirs")}
         value=${draft.excludeDirs}
         onChange=${(v3) => setDraft({ ...draft, excludeDirs: v3 })}
         placeholder="dist"
       />
       <${ChipFormRow}
-        label="exclude files"
+        label=${t4("semantic.excludeFiles")}
         value=${draft.excludeFiles}
         onChange=${(v3) => setDraft({ ...draft, excludeFiles: v3 })}
         placeholder="package-lock.json"
       />
       <${ChipFormRow}
-        label="exclude exts"
+        label=${t4("semantic.excludeExts")}
         value=${draft.excludeExts}
         onChange=${(v3) => setDraft({ ...draft, excludeExts: v3 })}
         placeholder=".lock"
       />
       <${ChipFormRow}
-        label="exclude patterns"
-        sub="glob"
+        label=${t4("semantic.excludePatterns")}
+        sub=${t4("semantic.glob")}
         value=${draft.excludePatterns}
         onChange=${(v3) => setDraft({ ...draft, excludePatterns: v3 })}
         placeholder="**/*.test.ts"
@@ -23546,11 +24645,11 @@ function SemanticExcludesCard() {
         onClick=${() => setDraft({ ...draft, respectGitignore: !draft.respectGitignore })}
       >
         <span class=${`box ${draft.respectGitignore ? "on" : ""}`}>${draft.respectGitignore ? "\u2713" : ""}</span>
-        <span>respect <code class="mono">.gitignore</code></span>
+        <span>${t4("semantic.respectGitignore")}</span>
       </div>
 
       <div class="form-row" style="margin-top:10px">
-        <span class="lbl">max file bytes</span>
+        <span class="lbl">${t4("semantic.maxFileBytes")}</span>
         <input
           class="input mono"
           type="number"
@@ -23560,14 +24659,14 @@ function SemanticExcludesCard() {
           onInput=${(e3) => setDraft({ ...draft, maxFileBytes: Number(e3.target.value) || 0 })}
           style="font-size:12px"
         />
-        <span class="help">skip files larger than ~${(draft.maxFileBytes / 1024 / 1024).toFixed(1)} MiB</span>
+        <span class="help">${t4("semantic.skipLarger", { size: (draft.maxFileBytes / 1024 / 1024).toFixed(1) })}</span>
       </div>
 
       <div style="display:flex;gap:6px;margin-top:10px">
         <button class="btn ghost" style="flex:1" disabled=${busy} onClick=${runPreview}>
-          <span class="g">⊕</span><span>Preview</span>
+          <span class="g">⊕</span><span>${t4("semantic.preview")}</span>
         </button>
-        <button class="btn primary" style="flex:1" disabled=${busy} onClick=${save}>Save</button>
+        <button class="btn primary" style="flex:1" disabled=${busy} onClick=${save}>${t4("common.save")}</button>
       </div>
 
       ${preview ? html4`<div style="margin-top:10px"><${ExcludesPreview} preview=${preview} /></div>` : null}
@@ -23575,6 +24674,7 @@ function SemanticExcludesCard() {
   `;
 }
 function ExcludesPreview({ preview }) {
+  useLang();
   const buckets = preview.skipBuckets || {};
   const samples = preview.skipSamples || {};
   const totalSkipped = Object.values(buckets).reduce((a3, b2) => a3 + (b2 || 0), 0);
@@ -23591,9 +24691,9 @@ function ExcludesPreview({ preview }) {
   return html4`
     <div class="excludes-preview">
       <div class="summary">
-        Preview — would index <strong>${preview.filesIncluded}</strong> file(s), skip <strong>${totalSkipped}</strong>
+        ${t4("semantic.previewSummary", { included: preview.filesIncluded, skipped: totalSkipped })}
       </div>
-      ${reasons.length === 0 ? html4`<div style="color:var(--fg-3)">nothing skipped — all walked files would be indexed.</div>` : reasons.map(
+      ${reasons.length === 0 ? html4`<div style="color:var(--fg-3)">${t4("semantic.nothingSkipped")}</div>` : reasons.map(
     (r3) => html4`
                 <details>
                   <summary><strong>${r3}: ${buckets[r3]}</strong></summary>
@@ -23606,7 +24706,7 @@ function ExcludesPreview({ preview }) {
   )}
       ${preview.sampleIncluded?.length ? html4`
             <details>
-              <summary>first ${preview.sampleIncluded.length} included file(s)</summary>
+              <summary>${t4("semantic.firstIncluded", { count: preview.sampleIncluded.length })}</summary>
               <ul>
                 ${preview.sampleIncluded.map((p3) => html4`<li><code>${p3}</code></li>`)}
               </ul>
@@ -23667,12 +24767,13 @@ function ChipFormRow({
   `;
 }
 function SemanticJobView({ job, running }) {
+  useLang();
   const phaseLabel = {
-    scan: "scanning files",
-    embed: "embedding chunks",
-    write: "writing index",
-    done: "done",
-    error: "error"
+    scan: t4("semantic.phaseScan"),
+    embed: t4("semantic.phaseEmbed"),
+    write: t4("semantic.phaseWrite"),
+    done: t4("semantic.phaseDone"),
+    error: t4("semantic.phaseError")
   }[job.phase] ?? job.phase;
   const total = job.chunksTotal ?? 0;
   const doneN = job.chunksDone ?? 0;
@@ -23682,25 +24783,26 @@ function SemanticJobView({ job, running }) {
     <div class="kv">
       <div><span class="kv-key">phase</span>
         <span class=${`pill ${job.phase === "error" ? "pill-err" : running ? "pill-active" : "pill-dim"}`}>${phaseLabel}</span>
-        ${job.aborted ? html4`<span class="pill warn" style="margin-left: 6px;">stopping</span>` : null}
+        ${job.aborted ? html4`<span class="pill warn" style="margin-left: 6px;">${t4("semantic.stopping")}</span>` : null}
         <span style="color:var(--fg-3);margin-left:8px">${elapsed}s</span>
       </div>
-      ${job.filesScanned !== null && job.filesScanned !== void 0 ? html4`<div><span class="kv-key">files</span>scanned ${job.filesScanned}${job.filesChanged != null ? ` \xB7 changed ${job.filesChanged}` : ""}${job.filesSkipped ? ` \xB7 skipped ${job.filesSkipped}` : ""}</div>` : null}
+      ${job.filesScanned !== null && job.filesScanned !== void 0 ? html4`<div><span class="kv-key">${t4("semantic.files")}</span>${t4("semantic.scanned", { count: job.filesScanned })}${job.filesChanged != null ? ` \xB7 ${t4("semantic.changed", { count: job.filesChanged })}` : ""}${job.filesSkipped ? ` \xB7 ${t4("semantic.skipped", { count: job.filesSkipped })}` : ""}</div>` : null}
       ${total > 0 ? html4`
             <div>
-              <span class="kv-key">chunks</span>${doneN} / ${total} (${(ratio * 100).toFixed(0)}%)
+              <span class="kv-key">${t4("semantic.chunks")}</span>${t4("semantic.chunksProgress", { done: doneN, total, pct: (ratio * 100).toFixed(0) })}
             </div>
             <div class="bar" style="margin-top: 4px;">
               <div class="fill" style=${`width: ${(ratio * 100).toFixed(1)}%; background: var(--primary);`}></div>
             </div>
           ` : null}
-      ${job.error ? html4`<div><span class="kv-key">error</span><span class="err">${job.error}</span></div>` : null}
-      ${job.result ? html4`<div><span class="kv-key">result</span>added ${job.result.chunksAdded} · removed ${job.result.chunksRemoved}${job.result.chunksSkipped ? ` \xB7 failed ${job.result.chunksSkipped}` : ""} · ${(job.result.durationMs / 1e3).toFixed(1)}s</div>` : null}
+      ${job.error ? html4`<div><span class="kv-key">${t4("semantic.phaseError")}</span><span class="err">${job.error}</span></div>` : null}
+      ${job.result ? html4`<div><span class="kv-key">${t4("semantic.result")}</span>${t4("semantic.added", { count: job.result.chunksAdded })} · ${t4("semantic.removed", { count: job.result.chunksRemoved })}${job.result.chunksSkipped ? ` \xB7 ${t4("semantic.failed", { count: job.result.chunksSkipped })}` : ""} · ${(job.result.durationMs / 1e3).toFixed(1)}s</div>` : null}
       ${job.result?.skipBuckets ? html4`<${SkipBucketsView} buckets=${job.result.skipBuckets} />` : null}
     </div>
   `;
 }
 function SkipBucketsView({ buckets }) {
+  useLang();
   const order = [
     ["gitignore", "gitignore"],
     ["pattern", "pattern"],
@@ -23714,11 +24816,12 @@ function SkipBucketsView({ buckets }) {
   const total = order.reduce((a3, [k3]) => a3 + (buckets[k3] || 0), 0);
   if (total === 0) return null;
   const parts = order.filter(([k3]) => (buckets[k3] || 0) > 0).map(([k3, label]) => `${label}: ${buckets[k3]}`);
-  return html4`<div><span class="kv-key">skipped</span>${total} files <span style="color:var(--fg-3)">(${parts.join(", ")})</span></div>`;
+  return html4`<div><span class="kv-key">${t4("semantic.skipped")}</span>${t4("semantic.skippedFiles", { total, details: parts.join(", ") })}</div>`;
 }
 
 // dashboard/src/panels/sessions.ts
 function SessionsPanel() {
+  useLang();
   const { data, error, loading } = usePoll("/sessions", 5e3);
   const [open, setOpen] = p2(null);
   const [openLoading, setOpenLoading] = p2(false);
@@ -23736,11 +24839,11 @@ function SessionsPanel() {
     }
   }, []);
   if (loading && !data)
-    return html4`<div class="card" style="color:var(--fg-3)">loading sessions…</div>`;
-  if (error) return html4`<div class="card accent-err">sessions failed: ${error.message}</div>`;
+    return html4`<div class="card" style="color:var(--fg-3)">${t4("sessions.loading")}</div>`;
+  if (error) return html4`<div class="card accent-err">${t4("common.loadingFailed", { name: "sessions", error: error.message })}</div>`;
   const sessions = data?.sessions ?? [];
   if (sessions.length === 0)
-    return html4`<div class="card" style="color:var(--fg-3)">No saved sessions yet.</div>`;
+    return html4`<div class="card" style="color:var(--fg-3)">${t4("sessions.noSessions")}</div>`;
   const filtered = filter.trim() ? sessions.filter((s3) => s3.name.toLowerCase().includes(filter.toLowerCase())) : sessions;
   return html4`
     <div class="sessions-grid">
@@ -23748,14 +24851,14 @@ function SessionsPanel() {
         <div class="ssl-h">
           <input
             type="text"
-            placeholder="filter sessions"
+            placeholder=${t4("sessions.filterPlaceholder")}
             value=${filter}
             onInput=${(e3) => setFilter(e3.target.value)}
             style="flex:1"
           />
         </div>
         <div class="chips" style="padding:0 12px 8px">
-          <span class="chip-f active">all <span class="ct">${sessions.length}</span></span>
+          <span class="chip-f active">${t4("common.all")} <span class="ct">${sessions.length}</span></span>
         </div>
         <div class="ssl-rows">
           ${filtered.map(
@@ -23766,7 +24869,7 @@ function SessionsPanel() {
               >
                 <span class="name">${s3.name}</span>
                 <span class="meta">
-                  <span><span class="v">${fmtNum(s3.messageCount)}</span> msgs</span>
+                  <span><span class="v">${fmtNum(s3.messageCount)}</span> ${t4("sessions.msgs")}</span>
                   <span><span class="v">${fmtBytes(s3.size)}</span></span>
                   <span>${fmtRelativeTime(s3.mtime)}</span>
                 </span>
@@ -23778,25 +24881,25 @@ function SessionsPanel() {
 
       <div class="sessions-detail">
         ${open == null ? html4`<div style="color:var(--fg-3);font-size:13px;text-align:center;padding:60px 20px">
-                Pick a session on the left to read its transcript.
+                ${t4("sessions.pickHint")}
               </div>` : html4`
                 <div class="sessions-detail-h">
                   <span class="name">${open.name}</span>
                   <span class="ws">
-                    ${open.messages ? `${open.messages.length} message${open.messages.length === 1 ? "" : "s"}` : "loading\u2026"}
+                    ${open.messages ? t4("sessions.messages", { count: open.messages.length, s: open.messages.length === 1 ? "" : "s" }) : t4("common.loading")}
                   </span>
                   <span class="actions">
-                    <button class="btn ghost" onClick=${() => setOpen(null)}>← back</button>
+                    <button class="btn ghost" onClick=${() => setOpen(null)}>${t4("common.back")}</button>
                   </span>
                 </div>
                 <div class="card accent-brand" style="margin-bottom:10px">
-                  <div class="card-h"><span class="title">Resume in TUI</span></div>
+                  <div class="card-h"><span class="title">${t4("sessions.resumeTitle")}</span></div>
                   <div class="card-b" style="font-size:12.5px;color:var(--fg-2)">
-                    Mid-session swap requires a restart so the message log can rewind cleanly. Quit your current session, then run:
+                    ${t4("sessions.resumeDesc")}
                     <code class="mono" style="display:block;margin-top:8px;padding:8px 10px;background:var(--bg-input);border-radius:var(--r);color:var(--fg-0);font-size:12px;user-select:all">reasonix chat --session ${open.name}</code>
                   </div>
                 </div>
-                ${openLoading ? html4`<div style="color:var(--fg-3)">loading transcript…</div>` : open.error ? html4`<div class="card accent-err">${open.error}</div>` : open.messages && open.messages.length > 0 ? html4`<div class="chat-feed" style="max-height:calc(100vh - 220px);overflow-y:auto">
+                ${openLoading ? html4`<div style="color:var(--fg-3)">${t4("sessions.loadingTranscript")}</div>` : open.error ? html4`<div class="card accent-err">${open.error}</div>` : open.messages && open.messages.length > 0 ? html4`<div class="chat-feed" style="max-height:calc(100vh - 220px);overflow-y:auto">
                             ${open.messages.map(
     (m2, i3) => html4`
                                 <${ChatMessage}
@@ -23811,7 +24914,7 @@ function SessionsPanel() {
                                 />
                               `
   )}
-                          </div>` : html4`<div style="color:var(--fg-3)">empty transcript.</div>`}
+                          </div>` : html4`<div style="color:var(--fg-3)">${t4("sessions.emptyTranscript")}</div>`}
               `}
       </div>
     </div>
@@ -23820,6 +24923,7 @@ function SessionsPanel() {
 
 // dashboard/src/panels/settings.ts
 function SettingsPanel() {
+  useLang();
   const [data, setData] = p2(null);
   const [error, setError] = p2(null);
   const [saving, setSaving] = p2(false);
@@ -23844,7 +24948,7 @@ function SettingsPanel() {
       try {
         await api("/settings", { method: "POST", body: fields });
         await load();
-        setSaved(`saved: ${Object.keys(fields).join(", ")}`);
+        setSaved(t4("settings.saved", { fields: Object.keys(fields).join(", ") }));
         setTimeout(() => setSaved(null), 3e3);
       } catch (err) {
         setError(err.message);
@@ -23855,7 +24959,7 @@ function SettingsPanel() {
     [load]
   );
   if (!data && !error)
-    return html4`<div class="card" style="color:var(--fg-3)">loading settings…</div>`;
+    return html4`<div class="card" style="color:var(--fg-3)">${t4("settings.loading")}</div>`;
   if (error && !data) return html4`<div class="card accent-err">${error}</div>`;
   if (!data) return null;
   const v3 = data;
@@ -23869,23 +24973,43 @@ function SettingsPanel() {
       ${note ? html4`<span style="color:var(--fg-3);font-size:11px">${note}</span>` : null}
     </div>
   `;
+  const currentLang2 = getLang();
   return html4`
     <div style="max-width:760px;display:flex;flex-direction:column;gap:6px">
       ${saved ? html4`<div><span class="pill ok">${saved}</span></div>` : null}
       ${error ? html4`<div class="card accent-err">${error}</div>` : null}
 
-      ${sectionH3("DeepSeek API")}
+      ${sectionH3(t4("settings.sectionLanguage"))}
+      <div class="card">
+        ${fieldRow(
+    t4("settings.language"),
+    html4`
+            <select
+              value=${currentLang2}
+              onChange=${(e3) => {
+      const lang = e3.target.value;
+      setLang(lang);
+    }}
+            >
+              <option value="en">${t4("settings.langEn")}</option>
+              <option value="zh-CN">${t4("settings.langZhCn")}</option>
+            </select>
+          `
+  )}
+      </div>
+
+      ${sectionH3(t4("settings.sectionApi"))}
       <div class="card">
         ${fieldRow(
-    "API key",
-    html4`<code class="mono" style="color:var(--fg-2);font-size:11.5px">${v3.apiKey ?? "(not set)"}</code>`
+    t4("settings.apiKey"),
+    html4`<code class="mono" style="color:var(--fg-2);font-size:11.5px">${v3.apiKey ?? t4("settings.notSet")}</code>`
   )}
         ${fieldRow(
-    "replace",
+    t4("settings.replace"),
     html4`
             <input
               type="password"
-              placeholder="paste a fresh sk-… token"
+              placeholder=${t4("settings.pasteKey")}
               value=${draft.apiKey ?? ""}
               onInput=${(e3) => setDraft({ ...draft, apiKey: e3.target.value })}
               style="flex:1"
@@ -23894,16 +25018,16 @@ function SettingsPanel() {
               class="btn primary"
               disabled=${saving || !(draft.apiKey ?? "").trim()}
               onClick=${() => save({ apiKey: draft.apiKey })}
-            >Save key</button>
+            >${t4("settings.saveKey")}</button>
           `
   )}
         ${fieldRow(
-    "base url",
+    t4("settings.baseUrl"),
     html4`
             <input
               type="text"
               value=${draft.baseUrl ?? v3.baseUrl ?? ""}
-              placeholder="https://api.deepseek.com (default)"
+              placeholder=${t4("settings.baseUrlPlaceholder")}
               onInput=${(e3) => setDraft({ ...draft, baseUrl: e3.target.value })}
               style="flex:1"
             />
@@ -23911,65 +25035,65 @@ function SettingsPanel() {
               class="btn"
               disabled=${saving || (draft.baseUrl ?? v3.baseUrl ?? "") === (v3.baseUrl ?? "")}
               onClick=${() => save({ baseUrl: draft.baseUrl })}
-            >Save</button>
+            >${t4("common.save")}</button>
           `
   )}
       </div>
 
-      ${sectionH3("Defaults")}
+      ${sectionH3(t4("settings.sectionDefaults"))}
       <div class="card">
         ${fieldRow(
-    "preset",
+    t4("settings.preset"),
     html4`
             <select
               value=${["auto", "flash", "pro"].includes(v3.preset ?? "") ? v3.preset : "auto"}
               onChange=${(e3) => save({ preset: e3.target.value })}
               disabled=${saving}
             >
-              <option value="auto">auto — flash → pro on hard turns</option>
-              <option value="flash">flash — always flash, no auto-escalate</option>
-              <option value="pro">pro — always pro</option>
+              <option value="auto">${t4("settings.presetAuto")}</option>
+              <option value="flash">${t4("settings.presetFlash")}</option>
+              <option value="pro">${t4("settings.presetPro")}</option>
             </select>
           `,
-    "applies next turn"
+    t4("settings.appliesNextTurn")
   )}
         ${fieldRow(
-    "effort",
+    t4("settings.effort"),
     html4`
             <select
               value=${v3.reasoningEffort}
               onChange=${(e3) => save({ reasoningEffort: e3.target.value })}
               disabled=${saving}
             >
-              <option value="max">max (default — best)</option>
-              <option value="high">high (cheaper / faster)</option>
+              <option value="max">${t4("settings.effortMax")}</option>
+              <option value="high">${t4("settings.effortHigh")}</option>
             </select>
           `,
-    "applies next turn"
+    t4("settings.appliesNextTurn")
   )}
         ${fieldRow(
-    "web search",
+    t4("settings.webSearch"),
     html4`
             <button
               class=${`btn ${v3.search ? "primary" : ""}`}
               onClick=${() => save({ search: !v3.search })}
               disabled=${saving}
-            >${v3.search ? "ON" : "off"}</button>
+            >${v3.search ? t4("common.on") : t4("common.off")}</button>
           `,
-    "web_fetch + web_search tools"
+    t4("settings.webSearchNote")
   )}
       </div>
 
-      ${sectionH3("Runtime")}
+      ${sectionH3(t4("settings.sectionRuntime"))}
       <div class="card">
         ${fieldRow(
-    "active model",
+    t4("settings.activeModel"),
     html4`<code class="mono">${v3.model ?? "\u2014"}</code>`
   )}
         ${fieldRow(
-    "edit mode",
+    t4("settings.editMode"),
     html4`<code class="mono">${v3.editMode}</code>`,
-    "switch from the Chat tab header"
+    t4("settings.editModeNote")
   )}
       </div>
     </div>
@@ -23978,6 +25102,7 @@ function SettingsPanel() {
 
 // dashboard/src/panels/skills.ts
 function SkillsPanel() {
+  useLang();
   const [data, setData] = p2(null);
   const [error, setError] = p2(null);
   const [open, setOpen] = p2(null);
@@ -24021,7 +25146,7 @@ function SkillsPanel() {
         method: "POST",
         body: { body }
       });
-      setInfo(`saved ${open.scope}/${open.name}`);
+      setInfo(t4("skills.saved", { scope: open.scope, name: open.name }));
       setTimeout(() => setInfo(null), 3e3);
       await load();
     } catch (err) {
@@ -24032,7 +25157,7 @@ function SkillsPanel() {
   }, [open, body, load]);
   const remove = x2(async () => {
     if (!open) return;
-    if (!confirm(`Delete skill ${open.scope}/${open.name}?`)) return;
+    if (!confirm(t4("skills.deleteConfirm", { scope: open.scope, name: open.name }))) return;
     setBusy(true);
     try {
       await api(`/skills/${open.scope}/${encodeURIComponent(open.name)}`, { method: "DELETE" });
@@ -24070,7 +25195,7 @@ description: TODO \u2014 one-line description that helps the model match this sk
     }
   }, [newName, newScope, load, openSkill]);
   if (!data && !error)
-    return html4`<div class="card" style="color:var(--fg-3)">loading skills…</div>`;
+    return html4`<div class="card" style="color:var(--fg-3)">${t4("skills.loading")}</div>`;
   if (error && !data) return html4`<div class="card accent-err">${error}</div>`;
   if (!data) return null;
   const allWith = [
@@ -24087,17 +25212,17 @@ description: TODO \u2014 one-line description that helps the model match this sk
         <div class="ssl-h">
           <input
             type="text"
-            placeholder="filter skills"
+            placeholder=${t4("skills.filterPlaceholder")}
             value=${filter}
             onInput=${(e3) => setFilter(e3.target.value)}
             style="flex:1"
           />
         </div>
         <div class="chips" style="padding:0 12px 8px">
-          <span class="chip-f active">all <span class="ct">${allWith.length}</span></span>
-          <span class="chip-f">project <span class="ct">${data.project.length}</span></span>
-          <span class="chip-f">global <span class="ct">${data.global.length}</span></span>
-          <span class="chip-f">builtin <span class="ct">${data.builtin.length}</span></span>
+          <span class="chip-f active">${t4("common.all")} <span class="ct">${allWith.length}</span></span>
+          <span class="chip-f">${t4("skills.project")} <span class="ct">${data.project.length}</span></span>
+          <span class="chip-f">${t4("skills.global")} <span class="ct">${data.global.length}</span></span>
+          <span class="chip-f">${t4("skills.builtin")} <span class="ct">${data.builtin.length}</span></span>
         </div>
 
         <div style="padding:0 12px 8px;display:flex;gap:6px;flex-wrap:wrap">
@@ -24106,12 +25231,12 @@ description: TODO \u2014 one-line description that helps the model match this sk
             onChange=${(e3) => setNewScope(e3.target.value)}
             style="flex:0 0 auto;font-size:11.5px;padding:5px 6px"
           >
-            <option value="global">global</option>
-            ${data.paths.project ? html4`<option value="project">project</option>` : null}
+            <option value="global">${t4("skills.global")}</option>
+            ${data.paths.project ? html4`<option value="project">${t4("skills.project")}</option>` : null}
           </select>
           <input
             type="text"
-            placeholder="new skill"
+            placeholder=${t4("skills.newSkill")}
             value=${newName}
             onInput=${(e3) => setNewName(e3.target.value)}
             style="flex:1;min-width:0"
@@ -24129,11 +25254,11 @@ description: TODO \u2014 one-line description that helps the model match this sk
               >
                 <span class="name">
                   ${s3.name}
-                  ${s3.scope === "builtin" ? html4`<span class="pill">builtin</span>` : null}
+                  ${s3.scope === "builtin" ? html4`<span class="pill">${t4("skills.builtin")}</span>` : null}
                 </span>
-                <span class="preview">${s3.description ?? "(no description)"}</span>
+                <span class="preview">${s3.description ?? t4("skills.noDescription")}</span>
                 <span class="meta">
-                  ${typeof s3.runs7d === "number" && s3.runs7d > 0 ? html4`<span><span class="v">${s3.runs7d}</span> runs · 7d</span>` : null}
+                  ${typeof s3.runs7d === "number" && s3.runs7d > 0 ? html4`<span><span class="v">${s3.runs7d}</span> ${t4("skills.runs7d")}</span>` : null}
                   <span class="dim">${s3.scope}</span>
                 </span>
               </div>
@@ -24144,22 +25269,22 @@ description: TODO \u2014 one-line description that helps the model match this sk
 
       <div class="sessions-detail">
         ${open == null ? html4`<div style="color:var(--fg-3);font-size:13px;text-align:center;padding:60px 20px">
-                Pick a skill on the left, or create a new one above.
+                ${t4("skills.pickHint")}
               </div>` : open.scope === "builtin" ? (() => {
     const builtin = data.builtin.find((b2) => b2.name === open.name);
     return html4`
                     <div class="sessions-detail-h">
                       <span class="name">${open.scope}/${open.name}</span>
-                      <span class="ws"><span class="pill">read-only · builtin</span></span>
+                      <span class="ws"><span class="pill">${t4("skills.readOnlyBuiltin")}</span></span>
                       <span class="actions">
-                        <button class="btn ghost" onClick=${() => setOpen(null)}>← back</button>
+                        <button class="btn ghost" onClick=${() => setOpen(null)}>${t4("common.back")}</button>
                       </span>
                     </div>
                     <div style="color:var(--fg-2);font-size:13px;line-height:1.6">
-                      ${builtin?.description ?? "(no description)"}
+                      ${builtin?.description ?? t4("skills.noDescription")}
                     </div>
                     <div style="margin-top:14px;color:var(--fg-3);font-size:11.5px">
-                      Built-in skills ship with Reasonix; the model picks them up automatically. To customize, create a project- or global-scoped skill with the same name.
+                      ${t4("skills.builtinDesc")}
                     </div>
                   `;
   })() : html4`
@@ -24167,10 +25292,10 @@ description: TODO \u2014 one-line description that helps the model match this sk
                   <span class="name">${open.scope}/${open.name}</span>
                   <span class="ws">${body.length.toLocaleString()} chars</span>
                   <span class="actions">
-                    <button class="btn primary" disabled=${busy} onClick=${save}>Save</button>
+                    <button class="btn primary" disabled=${busy} onClick=${save}>${t4("common.save")}</button>
                     <button class="btn" disabled=${busy} onClick=${remove}
-                      style="border-color:var(--c-err);color:var(--c-err)">Delete</button>
-                    <button class="btn ghost" onClick=${() => setOpen(null)}>← back</button>
+                      style="border-color:var(--c-err);color:var(--c-err)">${t4("common.delete")}</button>
+                    <button class="btn ghost" onClick=${() => setOpen(null)}>${t4("common.back")}</button>
                   </span>
                 </div>
                 ${info ? html4`<div style="margin-bottom:8px"><span class="pill ok">${info}</span></div>` : null}
@@ -24182,7 +25307,7 @@ description: TODO \u2014 one-line description that helps the model match this sk
                   disabled=${busy}
                 ></textarea>
                 <div style="margin-top:8px;color:var(--fg-3);font-size:11.5px">
-                  re-loaded on next <code class="mono">/new</code> or session restart
+                  ${t4("skills.reloadHint")}
                 </div>
               `}
       </div>
@@ -24192,76 +25317,77 @@ description: TODO \u2014 one-line description that helps the model match this sk
 
 // dashboard/src/panels/system.ts
 function SystemPanel() {
+  useLang();
   const { data, error, loading } = usePoll("/health", 5e3);
   if (loading && !data)
-    return html4`<div class="card" style="color:var(--fg-3)">loading health…</div>`;
-  if (error) return html4`<div class="card accent-err">health failed: ${error.message}</div>`;
+    return html4`<div class="card" style="color:var(--fg-3)">${t4("system.loading")}</div>`;
+  if (error) return html4`<div class="card accent-err">${t4("common.loadingFailed", { name: "health", error: error.message })}</div>`;
   if (!data) return null;
   const h3 = data;
   const upToDate = h3.latestVersion ? h3.latestVersion === h3.version : null;
   return html4`
     <div style="display:flex;flex-direction:column;gap:14px">
-      <h3 style="margin:0;font-family:var(--font-mono);font-size:11px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em">Health checks</h3>
+      <h3 style="margin:0;font-family:var(--font-mono);font-size:11px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em">${t4("system.healthChecks")}</h3>
       <div class="health-grid">
         <div class=${`health-item ${upToDate === false ? "warn" : ""}`}>
           <div class="lbl">
-            version
-            ${upToDate === null ? html4`<span class="pill">checking</span>` : upToDate ? html4`<span class="pill ok">● latest</span>` : html4`<span class="pill warn">● out of date</span>`}
+            ${t4("system.version")}
+            ${upToDate === null ? html4`<span class="pill">${t4("system.checking")}</span>` : upToDate ? html4`<span class="pill ok">${t4("system.latest")}</span>` : html4`<span class="pill warn">${t4("system.outOfDate")}</span>`}
           </div>
           <div class="v">${h3.version}</div>
-          <div class="meta">${upToDate === null ? "version check pending" : upToDate ? "up to date" : `latest: ${h3.latestVersion}`}</div>
+          <div class="meta">${upToDate === null ? t4("system.versionPending") : upToDate ? t4("system.upToDate") : t4("system.latestVer", { version: h3.latestVersion ?? "" })}</div>
         </div>
 
         <div class="health-item">
-          <div class="lbl">sessions <span class="pill ok">● ok</span></div>
+          <div class="lbl">${t4("system.sessions")} <span class="pill ok">${t4("system.ok")}</span></div>
           <div class="v">${fmtBytes(h3.sessions.totalBytes)}</div>
-          <div class="meta">${fmtNum(h3.sessions.count)} files</div>
+          <div class="meta">${fmtNum(h3.sessions.count)} ${t4("system.files")}</div>
         </div>
 
         <div class="health-item">
-          <div class="lbl">memory <span class="pill ok">● ok</span></div>
+          <div class="lbl">${t4("system.memory")} <span class="pill ok">${t4("system.ok")}</span></div>
           <div class="v">${fmtBytes(h3.memory.totalBytes)}</div>
-          <div class="meta">${fmtNum(h3.memory.fileCount)} files</div>
+          <div class="meta">${fmtNum(h3.memory.fileCount)} ${t4("system.files")}</div>
         </div>
 
         <div class="health-item">
           <div class="lbl">
-            semantic index
-            ${h3.semantic.exists ? html4`<span class="pill ok">● built</span>` : html4`<span class="pill">— none</span>`}
+            ${t4("system.semanticIndex")}
+            ${h3.semantic.exists ? html4`<span class="pill ok">${t4("system.built")}</span>` : html4`<span class="pill">${t4("system.none")}</span>`}
           </div>
           <div class="v">${h3.semantic.exists ? fmtBytes(h3.semantic.totalBytes) : "\u2014"}</div>
           <div class="meta">
-            ${h3.semantic.exists ? `${fmtNum(h3.semantic.fileCount)} files` : "run reasonix index to build"}
+            ${h3.semantic.exists ? `${fmtNum(h3.semantic.fileCount)} ${t4("system.files")}` : t4("system.runIndex")}
           </div>
         </div>
 
         <div class="health-item">
-          <div class="lbl">usage log <span class="pill ok">● ok</span></div>
+          <div class="lbl">${t4("system.usageLog")} <span class="pill ok">${t4("system.ok")}</span></div>
           <div class="v">${fmtBytes(h3.usageLog.bytes)}</div>
           <div class="meta">~/.reasonix/usage.jsonl</div>
         </div>
 
         <div class="health-item">
           <div class="lbl">
-            background jobs
-            ${h3.jobs === null ? html4`<span class="pill">— no session</span>` : html4`<span class="pill ok">● ${fmtNum(h3.jobs)}</span>`}
+            ${t4("system.backgroundJobs")}
+            ${h3.jobs === null ? html4`<span class="pill">${t4("system.noSession")}</span>` : html4`<span class="pill ok">● ${fmtNum(h3.jobs)}</span>`}
           </div>
-          <div class="v">${h3.jobs === null ? "\u2014" : `${fmtNum(h3.jobs)} running`}</div>
-          <div class="meta">${h3.jobs === null ? "attach a session to see jobs" : "shell + spawn"}</div>
+          <div class="v">${h3.jobs === null ? "\u2014" : t4("system.running", { count: fmtNum(h3.jobs) })}</div>
+          <div class="meta">${h3.jobs === null ? t4("system.attachHint") : t4("system.shellSpawn")}</div>
         </div>
       </div>
 
       <div class="card" style="padding:0">
         <div class="card-h" style="padding:12px 14px 6px">
-          <span class="title">paths</span>
+          <span class="title">${t4("system.paths")}</span>
         </div>
         <table class="tbl">
           <tbody style="font-size:11.5px">
-            <tr><td class="dim" style="padding:5px 14px">home</td><td class="path">${h3.reasonixHome}</td></tr>
-            <tr><td class="dim" style="padding:5px 14px">sessions</td><td class="path">${h3.sessions.path}</td></tr>
-            <tr><td class="dim" style="padding:5px 14px">memory</td><td class="path">${h3.memory.path}</td></tr>
-            <tr><td class="dim" style="padding:5px 14px">semantic</td><td class="path">${h3.semantic.path}</td></tr>
-            <tr><td class="dim" style="padding:5px 14px">usage</td><td class="path">${h3.usageLog.path}</td></tr>
+            <tr><td class="dim" style="padding:5px 14px">${t4("system.home")}</td><td class="path">${h3.reasonixHome}</td></tr>
+            <tr><td class="dim" style="padding:5px 14px">${t4("system.sessionsPath")}</td><td class="path">${h3.sessions.path}</td></tr>
+            <tr><td class="dim" style="padding:5px 14px">${t4("system.memoryPath")}</td><td class="path">${h3.memory.path}</td></tr>
+            <tr><td class="dim" style="padding:5px 14px">${t4("system.semanticPath")}</td><td class="path">${h3.semantic.path}</td></tr>
+            <tr><td class="dim" style="padding:5px 14px">${t4("system.usagePath")}</td><td class="path">${h3.usageLog.path}</td></tr>
           </tbody>
         </table>
       </div>
@@ -24271,41 +25397,42 @@ function SystemPanel() {
 
 // dashboard/src/panels/tools.ts
 function ToolsPanel() {
+  useLang();
   const { data, error, loading } = usePoll("/tools", 4e3);
   if (loading && !data)
-    return html4`<div class="card" style="color:var(--fg-3)">loading tools…</div>`;
+    return html4`<div class="card" style="color:var(--fg-3)">${t4("tools.loading")}</div>`;
   const e3 = error;
   if (e3?.status === 503) {
-    return html4`<div class="card accent-warn">${e3.body?.error ?? "live tools view requires an attached session"}</div>`;
+    return html4`<div class="card accent-warn">${e3.body?.error ?? t4("common.loadingFailed", { name: "tools", error: "" })}</div>`;
   }
-  if (e3) return html4`<div class="card accent-err">tools failed: ${e3.message}</div>`;
+  if (e3) return html4`<div class="card accent-err">${t4("common.loadingFailed", { name: "tools", error: e3.message })}</div>`;
   if (!data) return null;
-  const t4 = data;
+  const d3 = data;
   return html4`
     <div style="display:flex;flex-direction:column;gap:14px">
       <div class="chips">
-        <span class="chip-f active">all <span class="ct">${t4.total}</span></span>
-        ${t4.planMode ? html4`<span class="chip-f" style="border-color:var(--c-warn);color:var(--c-warn)">plan mode — writes gated</span>` : null}
+        <span class="chip-f active">${t4("common.all")} <span class="ct">${d3.total}</span></span>
+        ${d3.planMode ? html4`<span class="chip-f" style="border-color:var(--c-warn);color:var(--c-warn)">${t4("tools.planMode")}</span>` : null}
       </div>
 
-      ${t4.tools.length === 0 ? html4`<div class="card" style="color:var(--fg-3)">No tools registered.</div>` : html4`
+      ${d3.tools.length === 0 ? html4`<div class="card" style="color:var(--fg-3)">${t4("tools.noTools")}</div>` : html4`
             <div class="card" style="padding:0;overflow:hidden">
               <table class="tbl">
                 <thead>
                   <tr>
-                    <th>tool</th>
-                    <th>flags</th>
-                    <th>description</th>
+                    <th>${t4("tools.colTool")}</th>
+                    <th>${t4("tools.colFlags")}</th>
+                    <th>${t4("tools.colDesc")}</th>
                   </tr>
                 </thead>
                 <tbody>
-                  ${t4.tools.map(
+                  ${d3.tools.map(
     (tool) => html4`
                       <tr>
                         <td><code class="mono">${tool.name}</code></td>
                         <td>
-                          ${tool.readOnly ? html4`<span class="pill ok">read-only</span>` : html4`<span class="pill acc">write</span>`}
-                          ${tool.flattened ? html4` <span class="pill">flat</span>` : null}
+                          ${tool.readOnly ? html4`<span class="pill ok">${t4("tools.readOnly")}</span>` : html4`<span class="pill acc">${t4("tools.write")}</span>`}
+                          ${tool.flattened ? html4` <span class="pill">${t4("tools.flat")}</span>` : null}
                         </td>
                         <td class="dim">${tool.description ?? ""}</td>
                       </tr>
@@ -24406,6 +25533,7 @@ function UsageChart({ days: days2 }) {
   return html4`<div ref=${containerRef} style="width: 100%; min-height: 280px;"></div>`;
 }
 function UsagePanel() {
+  useLang();
   const { data: summary, error, loading } = usePoll("/usage", 5e3);
   const [series, setSeries] = p2(null);
   _2(() => {
@@ -24417,7 +25545,7 @@ function UsagePanel() {
       } catch {
       }
     })();
-    const t4 = setInterval(async () => {
+    const interval = setInterval(async () => {
       try {
         const s3 = await api("/usage/series");
         if (!cancelled) setSeries(s3.days ?? []);
@@ -24426,12 +25554,12 @@ function UsagePanel() {
     }, 3e4);
     return () => {
       cancelled = true;
-      clearInterval(t4);
+      clearInterval(interval);
     };
   }, []);
   if (loading && !summary)
-    return html4`<div class="card" style="color:var(--fg-3)">loading usage…</div>`;
-  if (error) return html4`<div class="card accent-err">usage failed: ${error.message}</div>`;
+    return html4`<div class="card" style="color:var(--fg-3)">${t4("usage.loading")}</div>`;
+  if (error) return html4`<div class="card accent-err">${t4("common.loadingFailed", { name: "usage", error: error.message })}</div>`;
   if (!summary) return null;
   const u3 = summary;
   const sectionH3 = (text) => html4`
@@ -24440,36 +25568,35 @@ function UsagePanel() {
   return html4`
     <div style="display:flex;flex-direction:column;gap:6px">
       <div class="chips">
-        <span class="chip-f active">${u3.recordCount.toLocaleString()} records</span>
+        <span class="chip-f active">${t4("usage.records", { count: u3.recordCount.toLocaleString() })}</span>
         <span class="chip-f">${u3.logSize}</span>
       </div>
 
       ${series && series.length > 0 ? html4`
             <div class="card" style="padding:18px">
               <div class="card-h">
-                <span class="title">Daily usage</span>
-                <span class="meta">cost · cache saved · turns</span>
+                <span class="title">${t4("usage.dailyUsage")}</span>
+                <span class="meta">${t4("usage.dailyMeta")}</span>
               </div>
               <${UsageChart} days=${series} />
             </div>
           ` : null}
 
       ${u3.recordCount === 0 ? html4`<div class="card" style="color:var(--fg-3);margin-top:8px">
-              No usage data yet — run a turn in <code class="mono">reasonix chat</code> /
-              <code class="mono">code</code> / <code class="mono">run</code> and refresh.
+              ${t4("usage.noData")}
             </div>` : html4`
-              ${sectionH3("Rolling windows")}
+              ${sectionH3(t4("usage.windows"))}
               <div class="card" style="padding:0;overflow:hidden">
                 <table class="tbl">
                   <thead>
                     <tr>
                       <th></th>
-                      <th>turns</th>
-                      <th>cache hit</th>
-                      <th>cost (USD)</th>
-                      <th>cache saved</th>
-                      <th>vs Claude</th>
-                      <th>saved</th>
+                      <th>${t4("usage.colTurns")}</th>
+                      <th>${t4("usage.colCacheHit")}</th>
+                      <th>${t4("usage.colCost")}</th>
+                      <th>${t4("usage.colCacheSaved")}</th>
+                      <th>${t4("usage.colVsClaude")}</th>
+                      <th>${t4("usage.colSaved")}</th>
                     </tr>
                   </thead>
                   <tbody>
@@ -24494,13 +25621,13 @@ function UsagePanel() {
             `}
 
       ${u3.byModel.length > 0 ? html4`
-              ${sectionH3("Most used models")}
+              ${sectionH3(t4("usage.mostUsed"))}
               <div class="card" style="padding:0;overflow:hidden">
                 <table class="tbl">
                   <thead>
                     <tr>
-                      <th>model</th>
-                      <th>turns</th>
+                      <th>${t4("usage.colModel")}</th>
+                      <th>${t4("usage.colTurns")}</th>
                     </tr>
                   </thead>
                   <tbody>
@@ -24522,40 +25649,51 @@ function UsagePanel() {
 
 // dashboard/app.js
 var html5 = htm_module_default.bind(_);
-var TAB_SECTIONS = [
-  {
-    label: "workspace",
-    tabs: [
-      { id: "chat", name: "Chat", glyph: "\u25C6", panel: () => html5`<${ChatPanel} />` },
-      { id: "plans", name: "Plans", glyph: "\u229E", panel: () => html5`<${PlansPanel} />` },
-      { id: "sessions", name: "Sessions", glyph: "\u203A", panel: () => html5`<${SessionsPanel} />` }
-    ]
-  },
-  {
-    label: "observe",
-    tabs: [
-      { id: "overview", name: "Overview", glyph: "\u25C8", panel: () => html5`<${OverviewPanel} />` },
-      { id: "usage", name: "Usage", glyph: "$", panel: () => html5`<${UsagePanel} />` },
-      { id: "health", name: "System", glyph: "+", panel: () => html5`<${SystemPanel} />` },
-      { id: "semantic", name: "Semantic", glyph: "\u2248", panel: () => html5`<${SemanticPanel} />` }
-    ]
-  },
-  {
-    label: "configure",
-    tabs: [
-      { id: "tools", name: "Tools", glyph: "\u25A3", panel: () => html5`<${ToolsPanel} />` },
-      { id: "permissions", name: "Permissions", glyph: "\u258E", panel: () => html5`<${PermissionsPanel} />` },
-      { id: "mcp", name: "MCP", glyph: "M", panel: () => html5`<${McpPanel} />` },
-      { id: "skills", name: "Skills", glyph: "S", panel: () => html5`<${SkillsPanel} />` },
-      { id: "memory", name: "Memory", glyph: "\xB7", panel: () => html5`<${MemoryPanel} />` },
-      { id: "hooks", name: "Hooks", glyph: "H", panel: () => html5`<${HooksPanel} />` },
-      { id: "settings", name: "Settings", glyph: "\u2318", panel: () => html5`<${SettingsPanel} />` }
-    ]
-  }
-];
-var ALL_TABS = TAB_SECTIONS.flatMap((s3) => s3.tabs);
+function tabSections() {
+  return [
+    {
+      label: t4("app.sectionWorkspace"),
+      tabs: [
+        { id: "chat", name: t4("app.tabChat"), glyph: "\u25C6", panel: () => html5`<${ChatPanel} />` },
+        { id: "plans", name: t4("app.tabPlans"), glyph: "\u229E", panel: () => html5`<${PlansPanel} />` },
+        { id: "sessions", name: t4("app.tabSessions"), glyph: "\u203A", panel: () => html5`<${SessionsPanel} />` }
+      ]
+    },
+    {
+      label: t4("app.sectionObserve"),
+      tabs: [
+        { id: "overview", name: t4("app.tabOverview"), glyph: "\u25C8", panel: () => html5`<${OverviewPanel} />` },
+        { id: "usage", name: t4("app.tabUsage"), glyph: "$", panel: () => html5`<${UsagePanel} />` },
+        { id: "health", name: t4("app.tabSystem"), glyph: "+", panel: () => html5`<${SystemPanel} />` },
+        { id: "semantic", name: t4("app.tabSemantic"), glyph: "\u2248", panel: () => html5`<${SemanticPanel} />` }
+      ]
+    },
+    {
+      label: t4("app.sectionConfigure"),
+      tabs: [
+        { id: "tools", name: t4("app.tabTools"), glyph: "\u25A3", panel: () => html5`<${ToolsPanel} />` },
+        { id: "permissions", name: t4("app.tabPermissions"), glyph: "\u258E", panel: () => html5`<${PermissionsPanel} />` },
+        { id: "mcp", name: t4("app.tabMcp"), glyph: "M", panel: () => html5`<${McpPanel} />` },
+        { id: "skills", name: t4("app.tabSkills"), glyph: "S", panel: () => html5`<${SkillsPanel} />` },
+        { id: "memory", name: t4("app.tabMemory"), glyph: "\xB7", panel: () => html5`<${MemoryPanel} />` },
+        { id: "hooks", name: t4("app.tabHooks"), glyph: "H", panel: () => html5`<${HooksPanel} />` },
+        { id: "settings", name: t4("app.tabSettings"), glyph: "\u2318", panel: () => html5`<${SettingsPanel} />` }
+      ]
+    }
+  ];
+}
 function App() {
-  const [activeId, setActiveId] = p2("chat");
+  useLang();
+  _2(() => {
+    initLangFromServer();
+  }, []);
+  const [activeId, setActiveId] = p2(() => {
+    try {
+      return localStorage.getItem("rx.activeTab") ?? "chat";
+    } catch {
+      return "chat";
+    }
+  });
   const [sidebarCollapsed, setSidebarCollapsed] = p2(() => {
     try {
       return localStorage.getItem("rx.sidebarCollapsed") === "1";
@@ -24569,7 +25707,18 @@ function App() {
     } catch {
     }
   }, [sidebarCollapsed]);
-  const active = ALL_TABS.find((t4) => t4.id === activeId) ?? ALL_TABS[0];
+  _2(() => {
+    try {
+      localStorage.setItem("rx.activeTab", activeId);
+    } catch {
+    }
+  }, [activeId]);
+  const TAB_SECTIONS = tabSections();
+  const ALL_TABS = TAB_SECTIONS.flatMap((s3) => s3.tabs);
+  const active = ALL_TABS.find((t5) => t5.id === activeId) ?? ALL_TABS[0];
+  _2(() => {
+    if (active.id !== activeId) setActiveId(active.id);
+  }, [active.id, activeId]);
   _2(() => {
     const onNav = (ev) => {
       const id = ev.detail?.tabId;
@@ -24628,7 +25777,7 @@ function App() {
       </div>
       <footer class="app-status">
         <span class="grow"></span>
-        <span class="item">127.0.0.1 only · token-gated</span>
+        <span class="item">${t4("app.footer")}</span>
       </footer>
     </div>
     <${ToastStack} />