dsh-think-translate 1.0.2 → 1.0.4

package/lib/client.js

@@ -72,7 +72,12 @@ window.__ModuleLoader__.load({
 			".xl-cfg{width:100%;box-sizing:border-box;font-family:monospace;font-size:11px;line-height:1.5;padding:8px;border-radius:8px;border:1px solid var(--dsw-alias-border-l1,rgba(127,127,127,.35));background:var(--dsw-alias-bg-base,rgba(127,127,127,.08));color:var(--dsw-alias-label-primary,inherit);outline:none}",
 			".xl-cfg:focus{border-color:var(--dsw-alias-border-l2,rgba(127,127,127,.6));box-shadow:0 0 0 2px rgba(76,154,255,.2)}",
 			".xl-progress{height:6px;border-radius:3px;background:var(--dsw-alias-bg-layer-2,rgba(127,127,127,.15));overflow:hidden;margin:4px 0}",
-			".xl-progress-bar{height:100%;background:var(--dsw-alias-brand-primary,#4c9aff);border-radius:3px;transition:width .4s}"
+			".xl-progress-bar{height:100%;background:var(--dsw-alias-brand-primary,#4c9aff);border-radius:3px;transition:width .4s}",
+			".xl-table-wrap{overflow-x:auto;margin:6px 0}",
+			".xl-table{border-collapse:collapse;min-width:100%;font-size:13px;line-height:1.5}",
+			".xl-table th,.xl-table td{border:1px solid var(--dsw-alias-border-l1,rgba(127,127,127,.35));padding:6px 10px;text-align:left;vertical-align:top}",
+			".xl-table th{background:var(--dsw-alias-bg-layer-2,rgba(127,127,127,.1));font-weight:600}",
+			".xl-table code{font-family:var(--dsw-font-mono,monospace);font-size:12px}"
 		].join("\n");
 		if (typeof document !== "undefined" && document.querySelector('style[data-plugin-css="dsh-think-translate/styles.css"]') === null) {
 			var tag = document.createElement("style");
@@ -237,8 +242,31 @@ window.__ModuleLoader__.load({
 		// system proxy automatically; endpoint returns CORS *)
 		// ------------------------------------------------------------------
 		var mem = new Map();
+		// Translation cache persisted to localStorage so switching sessions or
+		// refreshing a page reuses prior results instead of re-translating every
+		// historical message (which wedged the UI when the local model was slow,
+		// 2026-08-26). In-memory map is the fast path; localStorage is the
+		// durable cross-session floor.
+		var MEM_KEY = "dsh-xlate-cache:";
+		function cacheMemGet(key) {
+			var v = mem.get(key);
+			if (v !== undefined) return v;
+			try {
+				var lv = localStorage.getItem(MEM_KEY + key);
+				if (lv !== null) {
+					var parsed = JSON.parse(lv);
+					if (parsed && parsed.ok) { mem.set(key, parsed); return parsed; }
+				}
+			} catch (e) {}
+			return undefined;
+		}
+		function cacheMemSet(key, entry) {
+			mem.set(key, entry);
+			if (mem.size > 800) mem.delete(mem.keys().next().value);
+			try { localStorage.setItem(MEM_KEY + key, JSON.stringify(entry)); } catch (e) {}
+		}
 		var pend = new Map();
-		var stats = { ok: 0, fail: 0, lastError: null, lastProvider: null };
+		var stats = { ok: 0, fail: 0, lastError: null, lastProvider: null, lastModel: null };
 		// Diagnostic ledger surfaced in the settings panel (2026-08-24): bundle
 		// version, apply execution, per-slot registration outcome, current lang.
 		var diag = { version: "v3-priority-1", applied: false, lang: "?", slots: {}, lastLangChange: 0 };
@@ -365,7 +393,7 @@ window.__ModuleLoader__.load({
 
 		function requestTranslate(text, target) {
 			var key = target + "|" + fnv(text);
-			var hit = mem.get(key);
+			var hit = cacheMemGet(key);
 			if (hit !== undefined) return Promise.resolve(hit);
 			var busy = pend.get(key);
 			if (busy !== undefined) return busy;
@@ -395,7 +423,7 @@ window.__ModuleLoader__.load({
 						} catch (e2) { r = null; if (e2 && e2.message) lastErr = e2; }
 					}
 					if (r && r.ok) {
-						stats.ok++; stats.lastError = null; stats.lastProvider = r.provider;
+						stats.ok++; stats.lastError = null; stats.lastProvider = r.provider; stats.lastModel = r.model || null;
 						memSet(key, r);
 						return r;
 					}
@@ -411,21 +439,20 @@ window.__ModuleLoader__.load({
 			return p;
 		}
 		function memSet(key, entry) {
-			mem.set(key, entry);
-			if (mem.size > 800) mem.delete(mem.keys().next().value);
+			cacheMemSet(key, entry);
 		}
 
 		function useXlate(text, enabled) {
 			var s = useStore();
 			var active = !!(enabled && text && text.trim());
 			var key = active ? s.lang + "|" + fnv(text) : null;
-			var pair = useState(function () { return key !== null ? mem.get(key) : undefined; });
+			var pair = useState(function () { return key !== null ? cacheMemGet(key) : undefined; });
 			var entry = pair[0];
 			var setEntry = pair[1];
 			useEffect(function () {
 				if (!active || key === null) { setEntry(undefined); return undefined; }
 				var alive = true;
-				var hit = mem.get(key);
+				var hit = cacheMemGet(key);
 				if (hit !== undefined) { setEntry(hit); return undefined; }
 				requestTranslate(text, s.lang).then(function (r) {
 					if (!alive) return;
@@ -607,6 +634,21 @@ window.__ModuleLoader__.load({
 			if (last < s.length) out.push(s.slice(last));
 			return out;
 		}
+		function tableCells(line) {
+			var s = line.trim();
+			if (s.charAt(0) === "|") s = s.slice(1);
+			if (s.charAt(s.length - 1) === "|") s = s.slice(0, -1);
+			return s.split("|").map(function (c) { return c.trim(); });
+		}
+		function isDelimRow(line) {
+			var s = line.trim();
+			if (s.charAt(0) === "|") s = s.slice(1);
+			if (s.charAt(s.length - 1) === "|") s = s.slice(0, -1);
+			var parts = s.split("|");
+			if (!parts.length) return false;
+			for (var p = 0; p < parts.length; p++) { if (!/^[\s:-]*$/.test(parts[p])) return false; }
+			return /-/.test(s);
+		}
 		function Markdownish(props) {
 			var lines = props.text.split("\n");
 			var blocks = [];
@@ -652,6 +694,23 @@ window.__ModuleLoader__.load({
 					})));
 					continue;
 				}
+				if (/^\s*\|/.test(line) && i + 1 < lines.length && isDelimRow(lines[i + 1])) {
+					var headCells = tableCells(line);
+					i += 2;
+					var bodyRows = [];
+					while (i < lines.length && /^\s*\|/.test(lines[i])) { bodyRows.push(tableCells(lines[i])); i++; }
+					var thead = createElement("thead", null, createElement("tr", null, headCells.map(function (c, n) {
+						return createElement("th", { key: n }, inlineNodes(c, nk() + "h" + n));
+					})));
+					var tbody = bodyRows.map(function (r, n) {
+						return createElement("tr", { key: n }, r.map(function (c, j) {
+							return createElement("td", { key: j }, inlineNodes(c, nk() + "d" + n + "j" + j));
+						}));
+					});
+					blocks.push(createElement("div", { key: nk(), className: "xl-table-wrap" },
+						createElement("table", { className: "xl-table" }, thead, createElement("tbody", null, tbody))));
+					continue;
+				}
 				var para = [line];
 				i++;
 				while (i < lines.length && lines[i].trim() !== "" && !/^\s*(?:```|#{1,4}\s|>|[-*+]\s|\d+[.)]\s)/.test(lines[i])) { para.push(lines[i]); i++; }
@@ -792,12 +851,22 @@ window.__ModuleLoader__.load({
 			var t = UI_TEXT[s.lang] || UI_TEXT.en;
 			return createElement("div", null,
 				createElement("div", { className: "xl-kv" }, createElement("b", null, t.status), createElement("span", null, stats.ok + " / " + stats.fail)),
-				createElement("div", { className: "xl-kv" }, createElement("b", null, t.providerOf), createElement("span", null, stats.lastProvider ? (t.labels[stats.lastProvider] || stats.lastProvider) : t.providerDesc)),
+				createElement("div", { className: "xl-kv" }, createElement("b", null, t.providerOf), createElement("span", null, stats.lastProvider ? ((t.labels[stats.lastProvider] || stats.lastProvider) + (stats.lastModel ? " · " + stats.lastModel : "")) : t.providerDesc)),
 				createElement("div", { className: "xl-kv" }, createElement("b", null, t.cacheEntries), createElement("span", null, String(mem.size))),
 				stats.lastError ? createElement("div", { className: "xl-err" }, t.lastError + ": " + stats.lastError) : null,
 				createElement("button", {
 					className: "xl-btn", type: "button",
-					onClick: function () { mem.clear(); }
+					onClick: function () {
+						mem.clear();
+						try {
+							var keys = [];
+							for (var i = 0; i < localStorage.length; i++) {
+								var k = localStorage.key(i);
+								if (k && k.indexOf(MEM_KEY) === 0) keys.push(k);
+							}
+							for (var j = 0; j < keys.length; j++) localStorage.removeItem(keys[j]);
+						} catch (e) {}
+					}
 				}, t.clearCache));
 		}
 
@@ -812,10 +881,21 @@ window.__ModuleLoader__.load({
 			var models = modelsPair[0], setModels = modelsPair[1];
 			useEffect(function () {
 				var alive = true;
-				fetch("/_xlate/config").then(function (r) {
-					if (!r.ok) throw new Error("HTTP " + r.status);
-					return r.json();
-				}).then(function (c) { if (alive) setCfg(c); }).catch(function () { if (alive) setCfg(null); });
+				var tries = 0;
+				function attempt() {
+					if (!alive) return;
+					fetch("/_xlate/config").then(function (r) {
+						if (!r.ok) throw new Error("HTTP " + r.status);
+						return r.json();
+					}).then(function (c) { if (alive) setCfg(c); })
+						.catch(function () {
+							if (!alive) return;
+							tries++;
+							if (tries < 15) { setTimeout(attempt, 1500); }
+							else { setCfg(null); }
+						});
+				}
+				attempt();
 				return function () { alive = false; };
 			}, []);
 			useEffect(function () {
@@ -889,7 +969,7 @@ window.__ModuleLoader__.load({
 				fetch("/_xlate/translate", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ text: "Hello world, this is a connection test. [" + Date.now().toString(36) + "]", target: store.lang }) })
 					.then(function (r) { return r.json(); })
 					.then(function (j) {
-						setMsg(j && j.ok ? t.connOk + " ✓ (" + (j.provider || "?") + ")" : t.connFail + ": " + (j.error || "unknown"));
+						setMsg(j && j.ok ? t.connOk + " ✓ (" + (t.labels[j.provider] || j.provider) + (j.model ? ": " + j.model : "") + ")" : t.connFail + ": " + (j.error || "unknown"));
 					})
 					.catch(function (e) { setMsg(t.connFail + ": " + (e && e.message ? e.message : e)); });
 			};

package/lib/index.js

@@ -271,14 +271,27 @@ async function viaOpenAI(text, to, cfg) {
     // (2026-08-24: zh->ja via host chain returned garbage/off-topic output
     // while direct fetch worked). Loopback bypasses the system proxy anyway,
     // so fetch is both correct and proxy-safe here.
-    const res = await fetch(url, {
-      method: 'POST',
-      headers: {
-        'Authorization': 'Bearer ' + cfg.apiKey,
-        'Content-Type': 'application/json',
-      },
-      body,
-    })
+    //
+    // A local model with insufficient VRAM can hang the request indefinitely
+    // (fetch has no default timeout), which stalls the whole host chain and
+    // every pending request. Bound it so a slow local model fails fast and the
+    // chain falls through to google/bing instead of wedging the UI (2026-08-26).
+    const controller = new AbortController()
+    const timer = setTimeout(function () { controller.abort() }, 15000)
+    let res
+    try {
+      res = await fetch(url, {
+        method: 'POST',
+        headers: {
+          'Authorization': 'Bearer ' + cfg.apiKey,
+          'Content-Type': 'application/json',
+        },
+        body,
+        signal: controller.signal,
+      })
+    } finally {
+      clearTimeout(timer)
+    }
     if (!res.ok) throw new Error('openai HTTP ' + res.status)
     raw = await res.text()
   } else {
@@ -437,7 +450,9 @@ async function translateViaChain(text, target, cfg) {
       state.ok++
       state.lastProvider = id
       state.lastError = null
-      return { ok: true, text: outs.join(''), provider: id }
+      // Carry the concrete model name for openai (local Ollama) so the UI can
+      // show e.g. "local model: qwen2.5:14b" instead of the bare provider id.
+      return { ok: true, text: outs.join(''), provider: id, ...(id === 'openai' ? { model: cfg.providers.openai.model } : {}) }
     } catch (e) {
       lastErr = e
       if (id === 'bing') bingCache = null

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-think-translate",
   "description": "Display-layer translation for the DSH web app: thinking chain, task cards, and optional answer text, in 8 target languages (local Ollama / Google / Bing, fail-open)",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "type": "module",
   "main": "lib/index.js",
   "exports": {