dsh-per-message-model 0.1.3 → 0.1.5

package/lib/client.js

@@ -231,7 +231,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 +249,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;
@@ -291,7 +306,7 @@ window.__ModuleLoader__.load({
 				`[data-dsh-model-switch] [class*="-divider-model"]{flex:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-primary);font-weight:700}`,
 				`[data-dsh-model-switch] [class*="-divider-arrow"]{flex:none;display:inline-flex;align-items:center;color:var(--dsw-alias-label-tertiary)}`,
 				// Composer-dock model button: chip icon + unfoldable label (scroll).
-				`[data-dsh-per-message-model-footer]{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--dsw-alias-border-l2, rgba(128,128,128,.25));border-radius:8px;background:transparent;color:var(--dsw-alias-label-tertiary);cursor:pointer;max-width:100%;overflow:hidden}`,
+				`[data-dsh-per-message-model-footer]{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--dsw-alias-border-l2, rgba(128,128,128,.25));border-radius:8px;background:transparent;color:var(--dsw-alias-label-tertiary);cursor:pointer;max-width:100%;width:fit-content;flex:none;overflow:hidden}`,
 				`[data-dsh-per-message-model-footer]:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover, rgba(128,128,128,.12))}`,
 				`[data-dsh-per-message-model-footer] [class*="-footer-icon"]{display:inline-flex;align-items:center;flex:none;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}`,
 				`[data-dsh-per-message-model-footer] [class*="-footer-label"]{display:inline-block;overflow:hidden;white-space:nowrap;max-width:0;opacity:0;transition:max-width .45s cubic-bezier(.4,0,.2,1),opacity .35s ease;font-size:12px;line-height:16px;color:var(--dsw-alias-label-primary);font-weight:600}`,

package/package.json

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