dsh-agent-skills 0.1.7 → 0.1.10

package/README.md

@@ -1,8 +1,10 @@
 # dsh-agent-skills
 
 [![npm](https://img.shields.io/npm/v/dsh-agent-skills)](https://www.npmjs.com/package/dsh-agent-skills)
+[![npm downloads](https://img.shields.io/npm/dm/dsh-agent-skills)](https://www.npmjs.com/package/dsh-agent-skills)
 [![license](https://img.shields.io/npm/l/dsh-agent-skills)](./LICENSE)
 [![DeepSeek Harness plugin](https://img.shields.io/badge/DSH-plugin-4f46e5)](https://github.com/deepseek-ai/deepseek-harness)
+[![dsh-recommend](https://img.shields.io/endpoint?url=https%3A%2F%2Fraw.githubusercontent.com%2Fzp-home%2Fdsh-recommend%2Fmain%2Fdata%2Fbadges%2Fminivv__dsh-agent-skills.certified.json)](https://github.com/zp-home/dsh-recommend)
 
 在 DeepSeek Harness 的设置页中查看、启停和管理本地 Agent Skills。
 

package/lib/client.js

@@ -236,7 +236,12 @@ function AgentSkillsSection({ api, t }) {
   const [view, setView] = (0, import_react.useState)(void 0);
   const [takeover, setTakeover] = (0, import_react.useState)(void 0);
   const [takeoverRestartRequired, setTakeoverRestartRequired] = (0, import_react.useState)(false);
-  const [restarting, setRestarting] = (0, import_react.useState)(false);
+  const [restarting, setRestartingState] = (0, import_react.useState)(false);
+  const restartingRef = (0, import_react.useRef)(false);
+  const setRestarting = (0, import_react.useCallback)((next) => {
+    restartingRef.current = next;
+    setRestartingState(next);
+  }, []);
   const [busy, setBusy] = (0, import_react.useState)(true);
   const [error51, setError] = (0, import_react.useState)("");
   const [query, setQuery] = (0, import_react.useState)("");
@@ -266,24 +271,38 @@ function AgentSkillsSection({ api, t }) {
     setPendingSkillCount(changed);
   }, [rememberBaseline]);
   const load = (0, import_react.useCallback)(async (refresh = () => api.list()) => {
+    if (restartingRef.current) return;
     setError("");
-    const result2 = await refresh();
+    let result2;
+    try {
+      result2 = await refresh();
+    } catch (error52) {
+      if (restartingRef.current) return;
+      setError(t("errorLoad", { message: error52 instanceof Error ? error52.message : String(error52) }));
+      return;
+    }
     if (result2.ok) {
       rememberBaseline(result2.value);
       setView(result2.value);
-    } else {
+    } else if (!restartingRef.current) {
       setError(t("errorLoad", { message: result2.error.message }));
     }
   }, [api, rememberBaseline, t]);
   const loadTakeover = (0, import_react.useCallback)(async (refresh = () => api.takeoverStatus()) => {
-    const result2 = await refresh();
+    if (restartingRef.current) return;
+    let result2;
+    try {
+      result2 = await refresh();
+    } catch {
+      return;
+    }
     if (result2.ok) {
       setTakeover(result2.value);
       const pending = readPendingRestart();
       const stillPending = result2.value.boot !== void 0 && pending?.boot === result2.value.boot && result2.value.enabled !== pending.baselineEnabled;
       setTakeoverRestartRequired(stillPending);
       if (pending !== void 0 && !stillPending) writePendingRestart(void 0);
-    } else {
+    } else if (!restartingRef.current) {
       setError(t("errorLoad", { message: result2.error.message }));
     }
   }, [api, t]);
@@ -292,11 +311,12 @@ function AgentSkillsSection({ api, t }) {
     void Promise.all([load(), loadTakeover()]).finally(() => setBusy(false));
   }, [load, loadTakeover]);
   (0, import_react.useEffect)(() => {
+    if (restarting) return;
     const timer = window.setInterval(() => {
       void load();
     }, 5e3);
     return () => window.clearInterval(timer);
-  }, [load]);
+  }, [load, restarting]);
   const mutate = (0, import_react.useCallback)(async (operation, trackSkillChanges = false) => {
     setSaving(true);
     setError("");
@@ -386,7 +406,7 @@ function AgentSkillsSection({ api, t }) {
     } catch {
     }
     retry();
-  }, [api, restarting, t, takeover?.boot]);
+  }, [api, restarting, setRestarting, t, takeover?.boot]);
   const toggleDirExpanded = (path) => {
     setDirExpanded((prev) => {
       const next = new Set(prev);
@@ -640,12 +660,18 @@ var CSS = `
   --as-warning: #d29922;
   --as-warning-soft: rgba(210, 153, 34, 0.12);
   --as-radius: 8px;
-  color-scheme: light dark;
   -webkit-font-smoothing: antialiased;
 }
 
 .as-wrap { display: flex; flex-direction: column; gap: 14px; width: 100%; max-width: 860px; }
-.as-sticky-top { position: sticky; top: 0; z-index: 4; display: flex; flex-direction: column; gap: 14px; padding-bottom: 1px; background: var(--dsw-alias-bg-layer-1, Canvas); }
+/* The settings shell paints its panel with --dsw-alias-bg-layer-2 (see
+   SettingsRoot .panel). The sticky band covers scrolling content, so it must
+   use that same surface; layer-1 is a *different* color in dark palettes and
+   in themed skins, which left a lighter/darker block above the page. The
+   fallback stays a system color only for hosts without the DSH tokens: since
+   color-scheme is inherited from the document, that too follows the app
+   theme instead of the OS preference. */
+.as-sticky-top { position: sticky; top: 0; z-index: 4; display: flex; flex-direction: column; gap: 14px; padding-bottom: 1px; background: var(--dsw-alias-bg-layer-2, Canvas); }
 .as-title { font-size: 20px; font-weight: 650; margin: 0; line-height: 1.3; }
 .as-subtitle { font-size: 13px; color: var(--as-muted); margin: 0; line-height: 1.5; }
 .as-search { width: 100%; box-sizing: border-box; padding: 8px 12px; border-radius: 8px; border: 1px solid var(--as-border); background: transparent; color: inherit; font-size: 13px; outline: none; }