dsh-per-message-model 0.1.4 → 0.1.6

package/lib/client.js

@@ -118,26 +118,37 @@ window.__ModuleLoader__.load({
 		* existing chip behavior (color change + title); a single click rolls the
 		* model name out from left to right like a scroll (icon rotates by a random
 		* angle); clicking again rolls it back (icon rotates back).
+		*
+		* Implemented WITHOUT React state on purpose: the DSH slot renderer mounts
+		* registrants through an error boundary and some hosts do not tolerate
+		* hook-based state in dock seats; the unfold/collapse is a pure DOM class
+		* toggle plus an inline transform on the icon, so it works in any host.
 		*/
 		function FooterModelBadge({ useProjection, t }) {
-			const [open, setOpen] = React.useState(false);
-			const [rot, setRot] = React.useState(0);
-			const value = useProjection("perMessageModel");
-			const current = value === void 0 || value === null || typeof value !== "object" || value.current === void 0
-				? void 0
-				: value.current;
-			const known = current !== void 0 && typeof current === "object";
-			const provider = known && typeof current.provider === "string" ? current.provider : null;
-			const model = known && typeof current.model === "string" ? current.model : null;
-			const label = provider !== null && model !== null
-				? provider + " / " + model
-				: t("badge.unknown");
-			const toggle = () => {
-				if (open) {
-					setOpen(false);
+			let value = null;
+			try { value = useProjection("perMessageModel"); } catch (err) { value = null; }
+			const hasValue = value !== null && value !== void 0 && typeof value === "object";
+			const current = hasValue && typeof value.current === "object" && value.current !== null ? value.current : null;
+			const provider = current !== null && typeof current.provider === "string" ? current.provider : null;
+			const model = current !== null && typeof current.model === "string" ? current.model : null;
+			let label;
+			try { label = provider !== null && model !== null ? provider + " / " + model : (typeof t === "function" ? t("badge.unknown") : "model unknown"); }
+			catch (err) { label = provider !== null && model !== null ? provider + " / " + model : "model unknown"; }
+			const toggle = (event) => {
+				const btn = event && event.currentTarget ? event.currentTarget : null;
+				if (btn === null) return;
+				const labelEl = btn.querySelector('[class*="footer-label"]');
+				const iconEl = btn.querySelector('[class*="footer-icon"]');
+				const isOpen = btn.getAttribute("aria-expanded") === "true";
+				if (isOpen) {
+					btn.setAttribute("aria-expanded", "false");
+					if (labelEl !== null) labelEl.setAttribute("data-open", "false");
+					if (iconEl !== null) iconEl.style.transform = "rotate(0deg)";
 				} else {
-					setRot(Math.round(90 + Math.random() * 180));
-					setOpen(true);
+					const deg = Math.round(90 + Math.random() * 180);
+					btn.setAttribute("aria-expanded", "true");
+					if (labelEl !== null) labelEl.setAttribute("data-open", "true");
+					if (iconEl !== null) iconEl.style.transform = "rotate(" + deg + "deg)";
 				}
 			};
 			return createElement("button", {
@@ -146,22 +157,22 @@ window.__ModuleLoader__.load({
 				"data-dsh-per-message-model-footer": "true",
 				"aria-label": label,
 				title: label,
-				"aria-expanded": open ? "true" : "false",
+				"aria-expanded": "false",
 				onClick: toggle
 			}, [
 				createElement("span", {
 					key: "icon",
 					className: BADGE_PREFIX + "footer-icon",
-					style: { transform: open ? "rotate(" + rot + "deg)" : "rotate(0deg)" }
+					style: { transform: "rotate(0deg)" }
 				}, chipIcon()),
 				createElement("span", {
 					key: "label",
 					className: BADGE_PREFIX + "footer-label",
-					"data-open": open ? "true" : "false"
+					"data-open": "false"
 				}, label)
 			]);
 		}
-		//#endregion
+		//#endregion		//#endregion
 		//#region client divider
 		/** Fixed Chinese copy for the model-switch divider (user-required). */
 		const SWITCH_COPY = "模型切换：";
@@ -231,7 +242,9 @@ window.__ModuleLoader__.load({
 			React.useEffect(() => {
 				if (typeof document === "undefined" || typeof MutationObserver === "undefined") return;
 				let observer = null;
+				let timer = 0;
 				const tryInsert = () => {
+					let remaining = 0;
 					for (const sw of switches) {
 						if (sw.to === null || typeof sw.to !== "object" ||
 							typeof sw.to.provider !== "string" || typeof sw.to.model !== "string") continue;
@@ -247,22 +260,35 @@ window.__ModuleLoader__.load({
 						const fromAnchor = document.querySelector('[data-chat-anchor-key="' + fromKey + '"]');
 						const toAnchor = toKey !== null ? document.querySelector('[data-chat-anchor-key="' + toKey + '"]') : null;
 						const anchor = fromAnchor !== null ? fromAnchor : toAnchor;
-						if (anchor === null) continue;
+						if (anchor === null) { remaining += 1; continue; }
 						const node = buildDividerNode(sw);
 						node.setAttribute("data-from-seq", String(seqKey));
 						if (fromAnchor !== null) fromAnchor.insertAdjacentElement("afterend", node);
 						else toAnchor.insertAdjacentElement("beforebegin", node);
 					}
+					return remaining;
 				};
-				tryInsert();
-				// Keep repairing: windowed conversation rendering mounts/unmounts
-				// chat nodes while scrolling, so dividers must be re-inserted on
-				// any childList change. The callback is cheap (per-switch
-				// querySelector + dedupe) and exits immediately once all exist.
-				observer = new MutationObserver(() => tryInsert());
-				observer.observe(document.body, { childList: true, subtree: true });
+				// Insert what is already rendered; watch (debounced) only while some
+				// anchors are still missing (windowed history loads them on scroll),
+				// and disconnect the moment everything is in place so a live
+				// session's continuous DOM churn can never re-trigger work.
+				const schedule = () => {
+					if (timer !== 0) return;
+					timer = setTimeout(() => {
+						timer = 0;
+						if (tryInsert() === 0 && observer !== null) {
+							observer.disconnect();
+							observer = null;
+						}
+					}, 150);
+				};
+				if (tryInsert() > 0) {
+					observer = new MutationObserver(schedule);
+					observer.observe(document.body, { childList: true, subtree: true });
+				}
 				return () => {
 					if (observer !== null) observer.disconnect();
+					if (timer !== 0) clearTimeout(timer);
 				};
 			}, [switches]);
 			return null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-per-message-model",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "在 DSH 主对话每条 assistant 回复旁展示该条回复实际使用的 provider / model 徽章（可选附带 reasoning effort）",
   "type": "module",
   "main": "./lib/index.js",