dsh-think-translate 1.0.8 → 1.0.10

package/lib/client.js

@@ -14,6 +14,9 @@ window.__ModuleLoader__.load({
 		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 IconChecklist = primitives && primitives.IconChecklistOutline14 ? primitives.IconChecklistOutline14 : null;
+		var IconChevronUp = primitives && primitives.IconChevronUpOutline14 ? primitives.IconChevronUpOutline14 : null;
+		var IconChevronDown = primitives && primitives.IconChevronDownOutline14 ? primitives.IconChevronDownOutline14 : null;
 		var createElement = function (type, props) {
 			var children = [];
 			for (var i = 2; i < arguments.length; i++) children.push(arguments[i]);
@@ -22,6 +25,7 @@ window.__ModuleLoader__.load({
 		var Fragment = React.Fragment;
 		var useState = React.useState;
 		var useEffect = React.useEffect;
+		var useId = React.useId;
 		var Component = React.Component;
 
 		// ------------------------------------------------------------------
@@ -85,7 +89,22 @@ window.__ModuleLoader__.load({
 			".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}"
+			".xl-table code{font-family:var(--dsw-font-mono,monospace);font-size:12px}",
+			".xl-dock{box-sizing:border-box;flex:none;overflow:hidden;margin:0 auto;width:calc(100% - var(--dsh-composer-side-clearance) - var(--dsh-composer-side-clearance) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset));max-width:calc(var(--dsh-composer-card-max-width) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset));border:1px solid var(--dsw-alias-border-l1);border-radius:12px;background:var(--dsw-specific-tip);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2)}",
+			".xl-dock-body{display:flex;flex-direction:column;gap:8px;padding:6px 12px}",
+			".xl-dock-header{display:flex;align-items:center;gap:10px;width:100%;padding:0;border:none;background:transparent;text-align:left;cursor:pointer}",
+			".xl-dock-lead{display:grid;flex:none;place-items:center;color:var(--dsw-alias-label-tertiary)}",
+			".xl-dock-title{flex:none;font-size:13px;line-height:24px;font-weight:500;color:var(--dsw-alias-label-primary)}",
+			".xl-dock-progress{flex:1 1 auto;min-width:0;overflow:hidden;font-size:13px;line-height:20px;font-weight:400;color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap}",
+			".xl-dock-chev{display:grid;flex:none;place-items:center;color:var(--dsw-alias-label-tertiary)}",
+			".xl-dock-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;max-height:180px;overflow-y:auto}",
+			".xl-dock-item{display:flex;align-items:center;gap:10px;min-width:0;font-size:13px;line-height:20px;color:var(--dsw-alias-label-secondary)}",
+			".xl-dock-glyph{display:grid;flex:none;place-items:center;width:16px;height:16px}",
+			".xl-dock-glyph-ok{color:var(--dsw-alias-state-success-primary)}",
+			".xl-dock-glyph-wait{color:var(--dsw-alias-label-caption)}",
+			".xl-dock-glyph-run{color:var(--dsw-alias-state-business-primary);animation:xl-dock-spin 1s linear infinite}",
+			".xl-dock-content{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}",
+			"@keyframes xl-dock-spin{to{transform:rotate(360deg)}}"
 		].join("\n");
 		if (typeof document !== "undefined" && document.querySelector('style[data-plugin-css="dsh-think-translate/styles.css"]') === null) {
 			var tag = document.createElement("style");
@@ -871,6 +890,88 @@ window.__ModuleLoader__.load({
 					: null);
 		}
 
+		// The plan strip above the composer (official ui-conversation TodoDock,
+		// 'conversation.input.dock' id 'todo'). Shadowing that id at a lower
+		// priority replaces the shipped panel with a translated one: title and
+		// per-status counts stay in the app locale (via the t seat), item
+		// contents go through the same useXlate path as the in-flow todo row.
+		function XDockTodoItem(props) {
+			var s = useStore();
+			var gid = useId();
+			var content = typeof props.item.content === "string" ? props.item.content : "";
+			var tr = useXlate(content, s.todo);
+			var hasTr = !!(tr && tr.ok && !tr.skipped && tr.text !== content);
+			var status = props.item.status;
+			var glyph = null;
+			if (status === "completed") {
+				glyph = createElement("svg", { width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, className: "xl-dock-glyph-ok" },
+					createElement("circle", { cx: 7, cy: 7, r: 6.4, stroke: "currentColor", strokeWidth: 1.2 }),
+					createElement("path", { d: "M10.9631 5.71411L7.70154 8.97571C7.48011 9.19714 7.27736 9.40099 7.09229 9.54993C6.89742 9.70669 6.66314 9.85279 6.3634 9.90027C6.2049 9.92534 6.04339 9.92534 5.88489 9.90027C5.58515 9.85279 5.35087 9.70669 5.15601 9.54993C4.97093 9.40099 4.76818 9.19714 4.54675 8.97571L3.03516 7.46411L3.96313 6.53613L5.47473 8.04773C5.7169 8.28989 5.86196 8.43389 5.97888 8.52795C6.08597 8.61409 6.10875 8.60701 6.08997 8.604C6.11259 8.60758 6.13571 8.60758 6.15833 8.604C6.13954 8.60701 6.16232 8.61409 6.26941 8.52795C6.38633 8.43389 6.53139 8.28989 6.77356 8.04773L10.0352 4.78613L10.9631 5.71411Z", fill: "currentColor" }));
+			} else if (status === "in_progress") {
+				glyph = createElement("svg", { width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, className: "xl-dock-glyph-run" },
+					createElement("defs", null,
+						createElement("linearGradient", { id: gid, x1: 2.5, y1: 12, x2: 10.5, y2: 3.5, gradientUnits: "userSpaceOnUse" },
+							createElement("stop", { stopColor: "currentColor" }),
+							createElement("stop", { offset: 1, stopColor: "currentColor", stopOpacity: 0 }))),
+					createElement("circle", { cx: 7, cy: 7, r: 6.4, stroke: "url(#" + gid + ")", strokeWidth: 1.2 }));
+			} else {
+				glyph = createElement("svg", { width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, className: "xl-dock-glyph-wait" },
+					createElement("circle", { cx: 7, cy: 7, r: 6.4, stroke: "currentColor", strokeWidth: 1.2, strokeDasharray: "2.4 2.4" }));
+			}
+			return createElement("li", { className: "xl-dock-item", "data-status": status },
+				createElement("span", { className: "xl-dock-glyph", "aria-hidden": true }, glyph),
+				createElement("span", {
+					className: "xl-dock-content",
+					title: hasTr ? content : undefined
+				}, hasTr ? tr.text : content));
+		}
+		function XDockTodo(props) {
+			var s = useStore();
+			var t = props.t;
+			var todos = props.useProjection("todos");
+			var list = Array.isArray(todos) ? todos : [];
+			var pairOpen = useState(false);
+			var open = pairOpen[0], setOpen = pairOpen[1];
+			if (list.length === 0) return null;
+			var done = 0, active = 0;
+			for (var i = 0; i < list.length; i++) {
+				var st = list[i] && list[i].status;
+				if (st === "completed") done++;
+				else if (st === "in_progress") active++;
+			}
+			var pending = list.length - done - active;
+			var segs = [];
+			function seg(key, params, count) {
+				if (count <= 0) return;
+				var label = null;
+				try { label = t ? t(key, params) : null; } catch (e) { label = null; }
+				if (typeof label === "string" && label) segs.push(label);
+			}
+			seg("todo.progress.done", { done: done }, done);
+			seg("todo.progress.active", { active: active }, active);
+			seg("todo.progress.pending", { pending: pending }, pending);
+			var title = null;
+			try { title = t ? t("todo.title") : null; } catch (e) { title = null; }
+			if (typeof title !== "string" || !title) title = "Tasks";
+			var progress = segs.join("\u2002·\u2002");
+			return createElement("section", { className: "xl-dock", "data-testid": "todo-panel", "aria-label": title },
+				createElement("div", { className: "xl-dock-body" },
+					createElement("button", {
+						type: "button", className: "xl-dock-header", "aria-expanded": open,
+						onClick: function () { setOpen(function (v) { return !v; }); }
+					},
+						IconChecklist ? createElement("span", { className: "xl-dock-lead", "aria-hidden": true }, createElement(IconChecklist, null)) : null,
+						createElement("span", { className: "xl-dock-title" }, title),
+						createElement("span", { className: "xl-dock-progress" }, progress),
+						createElement("span", { className: "xl-dock-chev", "aria-hidden": true },
+							open
+								? (IconChevronDown ? createElement(IconChevronDown, null) : null)
+								: (IconChevronUp ? createElement(IconChevronUp, null) : null))),
+					open ? createElement("ul", { className: "xl-dock-list" }, list.map(function (it) {
+						return createElement(XDockTodoItem, { key: it.content, item: it });
+					})) : null));
+		}
+
 		function StatusBlock() {
 			var s = useStore();
 			var t = UI_TEXT[s.lang] || UI_TEXT.en;
@@ -1194,6 +1295,19 @@ window.__ModuleLoader__.load({
 						});
 				});
 			});
+			// Shadow the official plan strip (TodoDock) so the todo list above
+			// the composer is translated too. Same id 'todo' at a lower priority
+			// replaces the shipped entry; empty list renders nothing, matching
+			// the official panel's self-hiding behaviour.
+			recordSlot("todoDock", function () {
+				return ctx.slots.inject("conversation.input.dock", function () {
+					return ctx.slots.register(
+						{ name: "conversation.input.dock", id: "todo", order: 0, locale: "conversation", priority: -1 },
+						function (props) {
+							return createElement(XBoundary, null, createElement(XDockTodo, props));
+						});
+				});
+			});
 			// Settings section: the label is registrant-localized — the shell
 			// renders whatever label string the registration carried. Must go
 			// through slots.inject (declaration-aware: register() directly

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.8",
+  "version": "1.0.10",
   "type": "module",
   "main": "lib/index.js",
   "exports": {