dsh-per-message-model 0.1.5 → 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 = "模型切换：";

package/package.json

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