dsh-think-translate 1.0.3 → 1.0.5

package/lib/client.js

@@ -6,6 +6,14 @@ window.__ModuleLoader__.load({
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 		var react = require("react");
 		var React = react.default !== undefined ? react.default : react;
+		// Official Markdown renderer (loaded via the client module graph, declared
+		// in dsh.client.external). Using it keeps official formatting — code-block
+		// copy, syntax highlighting, tables, footnotes, file mentions — while this
+		// plugin only supplies translated text. Falls back to the local Markdownish
+		// if the dependency is unavailable.
+		var primitives = null;
+		try { primitives = require("@deepseek-ai/dsh-client-ui-primitives"); } catch (e) { primitives = null; }
+		var MarkdownText = primitives && primitives.MarkdownText ? primitives.MarkdownText : null;
 		var createElement = function (type, props) {
 			var children = [];
 			for (var i = 2; i < arguments.length; i++) children.push(arguments[i]);
@@ -72,7 +80,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");
@@ -130,6 +143,7 @@ window.__ModuleLoader__.load({
 				providerUnavailable: "翻译服务未加载：插件的 host 半边未生效（常见于刚改过配置或更新后）。请重启 Web 再试——重启后翻译与设置将恢复正常。",
 				providerDesc: "Google / Bing / 本地模型（自动选择）",
 				labels: { google: "google gtx（免费）", bing: "bing（免费）", openai: "本地部署模型（Ollama）" },
+				copy: "复制", copied: "已复制",
 				note: "界面翻译：思考链、任务卡片、回答正文会显示为你选的语言，原文保留在会话记录中可随时对照。优先使用本地模型，其次 Google/Bing；文件路径、代码等自动跳过。",
 			},
 			"en": {
@@ -144,6 +158,7 @@ window.__ModuleLoader__.load({
 				providerUnavailable: "Translation service not loaded: the plugin host half is inactive (common after config changes or updates). Restart the web app to restore translation and settings.",
 				providerDesc: "Google / Bing / local model (auto)",
 				labels: { google: "google gtx (free)", bing: "bing (free)", openai: "Local model (Ollama)" },
+				copy: "Copy", copied: "Copied",
 				note: "UI translation: the thinking chain, task cards and answer text display in your chosen language; originals stay in the transcript for comparison. Local model first, then Google/Bing; file paths and code are skipped.",
 			},
 			"ja": {
@@ -237,6 +252,29 @@ 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, lastModel: null };
 		// Diagnostic ledger surfaced in the settings panel (2026-08-24): bundle
@@ -365,7 +403,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;
@@ -411,21 +449,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 +644,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 +704,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++; }
@@ -661,11 +730,25 @@ window.__ModuleLoader__.load({
 		}
 		function TextBlock(props) {
 			var s = useStore();
+			var tt = UI_TEXT[s.lang] || UI_TEXT.en;
 			var tr = useXlate(props.text, s.ans && !props.streaming);
 			var hasTr = !!(tr && tr.ok && !tr.skipped && tr.text !== props.text);
+			// Official MarkdownText when available: keeps the full official
+			// formatting (code copy, highlighting, tables...). Translated text
+			// replaces the body when answer translation is on; original stays in
+			// a collapsible details block.
+			var codeLabels = MarkdownText ? { copyLabel: tt.copy, copiedLabel: tt.copied } : undefined;
+			var MDT = MarkdownText || Markdownish;
+			var body = hasTr ? tr.text : props.text;
 			return createElement("div", null,
-				createElement(Markdownish, { text: props.text, streaming: props.streaming }),
-				hasTr ? createElement("div", { className: "xl-trans-after" }, tr.text) : null);
+				createElement(MDT, MarkdownText
+					? { text: body, streaming: props.streaming, codeLabels: codeLabels }
+					: { text: body, streaming: props.streaming }),
+				hasTr ? createElement("details", { className: "xl-orig" },
+					createElement("summary", null, tt.original),
+					createElement("div", null, createElement(MDT, MarkdownText
+						? { text: props.text, codeLabels: codeLabels }
+						: { text: props.text }))) : null);
 		}
 
 		function AssistantView(props) {
@@ -797,7 +880,17 @@ window.__ModuleLoader__.load({
 				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 +905,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 () {

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 {

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.3",
+  "version": "1.0.5",
   "type": "module",
   "main": "lib/index.js",
   "exports": {
@@ -27,6 +27,9 @@
       "immediately": true,
       "inject": [
         "@deepseek-ai/dsh-client-runtime"
+      ],
+      "external": [
+        "@deepseek-ai/dsh-client-ui-primitives"
       ]
     },
     "bundle": {