dsh-skill-hub 0.3.1 → 0.3.3

package/lib/client.js

@@ -1066,17 +1066,59 @@ window.__ModuleLoader__.load({
 		* @param scope - hub settings scope for the dot colors.
 		* @returns a disposer restoring the original candidates.
 		*/
+		/**
+		* DOM 兜底：在 alpha.2 新版 MenuView（icon 仅枚举）下通过直接操作
+		* 已渲染的 `[role="option"]` 列表注入彩色点，绕过 `icon` 限制。
+		* 旧版仍走 `icon` 注入，此处仅为新版。
+		*/
+		function injectDotsViaDOM(modelByName, modelColor, userColor) {
+			if (typeof document === "undefined" || typeof requestAnimationFrame === "undefined") return;
+			const run = () => {
+				const options = document.querySelectorAll("[role=\"option\"]");
+				for (const opt of options) {
+					if (opt.querySelector("[data-skill-dot]") !== null) continue;
+					const nameEl = opt.querySelector("[class*=\"itemName\"]");
+					if (nameEl === null) continue;
+					const name = (nameEl.textContent ?? "").trim();
+					if (name.length === 0) continue;
+					const color = modelByName.get(name) ?? true ? modelColor : userColor;
+					const wrapper = document.createElement("span");
+					wrapper.setAttribute("data-skill-dot", "");
+					wrapper.setAttribute("aria-hidden", "true");
+					wrapper.style.width = "16px";
+					wrapper.style.height = "16px";
+					wrapper.style.display = "inline-flex";
+					wrapper.style.justifyContent = "center";
+					wrapper.style.alignItems = "center";
+					wrapper.style.flex = "none";
+					const dot = document.createElement("span");
+					dot.style.display = "inline-block";
+					dot.style.width = "6px";
+					dot.style.height = "6px";
+					dot.style.borderRadius = "3px";
+					dot.style.background = color;
+					dot.style.flex = "none";
+					wrapper.appendChild(dot);
+					nameEl.parentElement?.insertBefore(wrapper, nameEl);
+				}
+			};
+			requestAnimationFrame(() => setTimeout(run, 0));
+		}
 		function wrapSkillSource(source, api, scope) {
 			const original = source.candidates;
 			source.candidates = async (session, req) => {
 				const items = await original(session, req);
 				if (req.signal.aborted) return items;
-				if (req !== null && typeof req === "object" && "drilled" in req) return items;
+				const isNewHost = req !== null && typeof req === "object" && "drilled" in req;
 				const modelByName = await modelInvocableMap(api);
 				if (req.signal.aborted) return items;
 				const snapshot = scope.getSnapshot();
 				const modelColor = snapshot.value?.dotModelColor ?? "#2f81f7";
 				const userColor = snapshot.value?.dotUserColor ?? "#3fb950";
+				if (isNewHost) {
+					injectDotsViaDOM(modelByName, modelColor, userColor);
+					return items;
+				}
 				return items.map((item) => ({
 					...item,
 					icon: dotIcon(modelByName.get(item.name) ?? true ? modelColor : userColor)