dsh-think-translate 1.0.8 → 1.0.9

package/lib/client.js

@@ -85,7 +85,17 @@ 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 4px;width:100%;border:1px solid var(--dsw-alias-border-l1,rgba(127,127,127,.35));border-radius:12px;background:var(--dsw-specific-tip,var(--dsw-alias-bg-layer-2,rgba(127,127,127,.08)))}",
+			".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;font:inherit;color:inherit}",
+			".xl-dock-title{flex:none;font-size:13px;line-height:24px;font-weight:500;color:var(--dsw-alias-label-primary,inherit)}",
+			".xl-dock-progress{flex:1 1 auto;min-width:0;overflow:hidden;font-size:13px;line-height:20px;color:var(--dsw-alias-label-tertiary,rgba(127,127,127,.75));text-overflow:ellipsis;white-space:nowrap}",
+			".xl-dock-chev{display:grid;flex:none;place-items:center;font-size:11px;color:var(--dsw-alias-label-tertiary,rgba(127,127,127,.75))}",
+			".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,inherit)}",
+			".xl-dock-glyph{display:grid;flex:none;place-items:center;width:16px;height:16px;font-size:12px;opacity:.7}",
+			".xl-dock-content{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.85}"
 		].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 +881,67 @@ 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 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 glyph = props.item.status === "completed" ? "✓" : props.item.status === "in_progress" ? "◐" : "○";
+			return createElement("li", { className: "xl-dock-item", "data-status": props.item.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; }); }
+					},
+						createElement("span", { className: "xl-dock-title" }, title),
+						createElement("span", { className: "xl-dock-progress" }, progress),
+						createElement("span", { className: "xl-dock-chev", "aria-hidden": true }, open ? "▾" : "▸")),
+					open ? createElement("ul", { className: "xl-dock-list" }, list.map(function (it, n) {
+						return createElement(XDockTodoItem, { key: n, item: it });
+					})) : null));
+		}
+
 		function StatusBlock() {
 			var s = useStore();
 			var t = UI_TEXT[s.lang] || UI_TEXT.en;
@@ -1194,6 +1265,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.9",
   "type": "module",
   "main": "lib/index.js",
   "exports": {