dsh-dock 0.9.8 → 0.9.9

package/client.js

@@ -2138,13 +2138,17 @@ var FeatureBoundary = class extends import_react.default.Component {
   static getDerivedStateFromError(error) {
     return { error };
   }
+  componentDidCatch(error) {
+    console.error("[dsh-dock] \u529F\u80FD\u89C6\u56FE\u6E32\u67D3\u51FA\u9519\uFF1A", error);
+  }
   render() {
     if (this.state.error) {
       const msg = this.state.error && this.state.error.message ? this.state.error.message : String(this.state.error);
+      const who = this.props && this.props.label ? "\u300C" + this.props.label + "\u300D" : "\u529F\u80FD\u89C6\u56FE";
       return import_react.default.createElement(
         "div",
         { className: "dockm-note dockm-err" },
-        "\u529F\u80FD\u89C6\u56FE\u6E32\u67D3\u51FA\u9519\uFF1A" + msg + "\uFF08\u8BE5\u529F\u80FD\u6765\u81EA\u5916\u90E8\u5305\uFF0C\u4E0D\u5F71\u54CD\u9762\u677F\u5176\u4ED6\u529F\u80FD\uFF09"
+        who + "\u6E32\u67D3\u51FA\u9519\uFF1A" + msg + "\uFF08\u5DF2\u9694\u79BB\uFF0C\u4E0D\u5F71\u54CD\u9762\u677F\u5176\u4ED6\u529F\u80FD\uFF1B\u8BE6\u60C5\u89C1\u6D4F\u89C8\u5668\u63A7\u5236\u53F0\uFF09"
       );
     }
     return this.props.children;
@@ -5378,12 +5382,12 @@ function AnimationView(props) {
   const st = snap.status;
   const active = st && st.active ? st.active : [];
   const recent = st && st.recent ? st.recent.slice(0, 6) : [];
+  const waitingCount = active.reduce((n, t) => n + (Array.isArray(t.approvals) ? t.approvals.length : 0), 0);
   const permNote = typeof Notification === "undefined" ? "\u5F53\u524D\u6D4F\u89C8\u5668\u4E0D\u652F\u6301\u7CFB\u7EDF\u901A\u77E5" : Notification.permission === "granted" ? "\u5DF2\u6388\u6743 \xB7 \u4EC5\u9875\u9762\u540E\u53F0\u65F6\u63A8\u9001" : Notification.permission === "denied" ? "\u5DF2\u88AB\u6D4F\u89C8\u5668\u62D2\u7EDD\uFF08\u9700\u5728\u6D4F\u89C8\u5668\u6743\u9650\u8BBE\u7F6E\u91CC\u91CD\u65B0\u5141\u8BB8\uFF09" : "\u672A\u6388\u6743 \xB7 \u5F00\u542F\u65F6\u4F1A\u8BF7\u6C42\u6388\u6743\uFF0C\u4EC5\u9875\u9762\u540E\u53F0\u65F6\u63A8\u9001";
   const rows = [];
   if (!cfg) {
     rows.push(/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "dkan-note", children: snap.error ? "\u72B6\u6001\u4E0D\u53EF\u7528\uFF1A" + snap.error : snap.loading ? "\u6B63\u5728\u62C9\u53D6\u4EFB\u52A1\u72B6\u6001\u2026" : "\u7B49\u5F85\u4EFB\u52A1\u72B6\u6001" }, "load"));
   } else {
-    const waitingCount2 = active.reduce((n, t) => n + (Array.isArray(t.approvals) ? t.approvals.length : 0), 0);
     rows.push(
       /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dkan-sec", children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dkan-sec-head", children: [
@@ -10141,7 +10145,7 @@ var feature8 = {
 };
 
 // src/client.jsx
-var DOCK_VERSION = "0.9.7";
+var DOCK_VERSION = "0.9.9";
 var BUILTIN_FEATURES = [feature, feature2, feature3, feature4, feature5, feature6, feature7, feature8];
 var PLANNED_FEATURES = [];
 var PLANNED_NOTES = {};
@@ -10447,8 +10451,8 @@ function DockModal() {
     "div",
     { className: "dockm-view" },
     import_react20.default.createElement(
-      mod.external ? FeatureBoundary : import_react20.default.Fragment,
-      null,
+      FeatureBoundary,
+      { key: mod.id, label: mod.name },
       import_react20.default.createElement(View, { ctx: ctxRef.current, feature: mod, params: navParams })
     )
   ) : null;
@@ -10614,8 +10618,8 @@ function HomeView(props) {
       const enabled = !!(st && st.enabled);
       const Stat = m.HomeStat;
       const statNode = m.planned ? import_react20.default.createElement("span", null, PLANNED_NOTES[m.id] || "\u5F85\u63A5\u5165\uFF1A\u89C1 README \u8DEF\u7EBF\u56FE") : enabled && Stat ? import_react20.default.createElement(
-        m.external ? FeatureBoundary : import_react20.default.Fragment,
-        null,
+        FeatureBoundary,
+        { key: m.id, label: m.name },
         import_react20.default.createElement(Stat, { ctx })
       ) : import_react20.default.createElement("span", null, "\u5DF2\u505C\u7528\uFF0C\u542F\u7528\u540E\u5728\u6B64\u5C55\u793A\u8FD0\u884C\u6982\u8981");
       return import_react20.default.createElement(
@@ -10697,8 +10701,8 @@ function DockPanel() {
         "div",
         { className: "dock-body" },
         import_react20.default.createElement(
-          f.external ? FeatureBoundary : import_react20.default.Fragment,
-          null,
+          FeatureBoundary,
+          { key: f.id, label: f.name },
           import_react20.default.createElement(View, { ctx, feature: f })
         )
       ) : null;
@@ -10750,14 +10754,17 @@ function DockChips(props) {
   const items = [];
   for (const f of allModules()) {
     if (f.planned || !stateOf(f.id).enabled || !chipShown(f.id) || typeof f.Chip !== "function") continue;
-    items.push(import_react20.default.createElement(f.Chip, {
-      key: f.id,
-      ctx: props.ctx,
-      feature: f,
-      session: props.session,
-      sessionId: props.sessionId,
-      input: props.input
-    }));
+    items.push(import_react20.default.createElement(
+      FeatureBoundary,
+      { key: f.id, label: f.name },
+      import_react20.default.createElement(f.Chip, {
+        ctx: props.ctx,
+        feature: f,
+        session: props.session,
+        sessionId: props.sessionId,
+        input: props.input
+      })
+    ));
   }
   if (items.length === 0) return null;
   return import_react20.default.createElement("div", { className: "dockchip-row" }, items);
@@ -10771,7 +10778,7 @@ function FeatureOverlays() {
     if (f.planned || !stateOf(f.id).enabled || typeof f.Overlay !== "function") continue;
     items.push(import_react20.default.createElement(
       FeatureBoundary,
-      { key: f.id },
+      { key: f.id, label: f.name },
       import_react20.default.createElement(f.Overlay, { ctx: ctxRef.current, feature: f })
     ));
   }

package/features/animation/view.jsx

@@ -1553,6 +1553,10 @@ function AnimationView(props) {
 	const st = snap.status;
 	const active = st && st.active ? st.active : [];
 	const recent = st && st.recent ? st.recent.slice(0, 6) : [];
+	// 等待确认的审批项总数：运行状态标题与页脚都用，必须在 if/else 之外声明。
+	// ⚠️ 曾误写在 if(!cfg) 的 else 块内、却在块外引用 → ReferenceError: waitingCount is not defined，
+	// 整个视图渲染抛错、宿主把面板插槽换成空 div（点「任务动画」界面直接消失）。
+	const waitingCount = active.reduce((n, t) => n + (Array.isArray(t.approvals) ? t.approvals.length : 0), 0);
 	const permNote = typeof Notification === "undefined"
 		? "当前浏览器不支持系统通知"
 		: Notification.permission === "granted" ? "已授权 · 仅页面后台时推送"
@@ -1562,7 +1566,6 @@ function AnimationView(props) {
 	if (!cfg) {
 		rows.push(<div key="load" className="dkan-note">{snap.error ? "状态不可用：" + snap.error : (snap.loading ? "正在拉取任务状态…" : "等待任务状态")}</div>);
 	} else {
-		const waitingCount = active.reduce((n, t) => n + (Array.isArray(t.approvals) ? t.approvals.length : 0), 0);
 		rows.push(
 			<div key="anim" className="dkan-sec">
 				<div className="dkan-sec-head">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-dock",
-  "version": "0.9.8",
+  "version": "0.9.9",
   "description": "DeepSeek Harness 功能坞插件（dsh-dock）：模块化功能中枢——每个功能一个 features/ 模块（可单独提取成包发布，又可经 dockBridge 装回面板）。含用量记录（LLM 调用记账/费用统计）、模型设置、图片理解代理、模型余额、任务动画（19 种运行动画 + 桌面伙伴 3D 场景、完成/需确认通知与提示音、钉钉/飞书推送，开关独立、配置持久化）；侧栏入口 + 可拖拽弹窗（最大化/最小化/缩放）。",
   "type": "module",
   "main": "index.js",
@@ -40,6 +40,10 @@
   ],
   "author": "wycto",
   "license": "MIT",
+  "scripts": {
+    "build:client": "node scripts/build-client.mjs",
+    "test:client": "node scripts/test-client-views.mjs"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/wycto/dsh-dock.git"

package/src/client.jsx

@@ -28,7 +28,7 @@ import { feature as fGames } from "../features/games/view.jsx";
 import { feature as fMobileRelay } from "../features/mobile-relay/view.jsx";
 
 const name = "dsh-dock";
-const DOCK_VERSION = "0.9.7";
+const DOCK_VERSION = "0.9.9";
 
 // ---- 内置功能注册表：新功能 = features/<id>/ 加模块 + 这里 import 一行 ----
 const BUILTIN_FEATURES = [fTokenlog, fModelconfig, fHeartbeat, fTheme, fBalance, fAnimation, fGames, fMobileRelay];
@@ -357,12 +357,14 @@ function DockModal() {
 	const isHome = active === "home";
 	const mod = isHome ? null : (MODULES.find((m) => m.id === active) || MODULES[0]);
 	const st = mod ? stateOf(mod.id) : null;
-	// 外部包视图包错误边界；视图统一收到 { ctx, feature, params } props
+	// 视图统一收到 { ctx, feature, params } props
 	//（params 来自导航总线：如 { provider } 高亮余额行、{ sessionId } 按会话筛选用量）
 	const View = mod ? mod.View : null;
+	// 所有视图都包错误边界（含内置）：视图抛错只降级为一行提示，不能把整块面板打没。
+	// key 用 mod.id：切换功能时重建边界，避免上一个功能的错误态留在新页面上。
 	const viewNode = mod && View
 		? react.createElement("div", { className: "dockm-view" },
-			react.createElement(mod.external ? FeatureBoundary : react.Fragment, null,
+			react.createElement(FeatureBoundary, { key: mod.id, label: mod.name },
 				react.createElement(View, { ctx: ctxRef.current, feature: mod, params: navParams })))
 		: null;
 	const enabledCount = MODULES.filter((m) => { const s = stateOf(m.id); return !!(s && s.enabled); }).length;
@@ -500,7 +502,7 @@ function HomeView(props) {
 			const statNode = m.planned
 				? react.createElement("span", null, PLANNED_NOTES[m.id] || "待接入：见 README 路线图")
 				: enabled && Stat
-					? react.createElement(m.external ? FeatureBoundary : react.Fragment, null,
+					? react.createElement(FeatureBoundary, { key: m.id, label: m.name },
 						react.createElement(Stat, { ctx: ctx }))
 					: react.createElement("span", null, "已停用，启用后在此展示运行概要");
 			return react.createElement("div", {
@@ -560,7 +562,7 @@ function DockPanel() {
 			const View = f.View;
 			const viewNode = (!f.planned && st.enabled && View)
 				? react.createElement("div", { className: "dock-body" },
-					react.createElement(f.external ? FeatureBoundary : react.Fragment, null,
+					react.createElement(FeatureBoundary, { key: f.id, label: f.name },
 						react.createElement(View, { ctx: ctx, feature: f })))
 				: null;
 			return react.createElement("div", { className: "dock-card", key: f.id },
@@ -608,10 +610,11 @@ function DockChips(props) {
 	const items = [];
 	for (const f of allModules()) {
 		if (f.planned || !stateOf(f.id).enabled || !chipShown(f.id) || typeof f.Chip !== "function") continue;
-		items.push(react.createElement(f.Chip, {
-			key: f.id, ctx: props.ctx, feature: f,
-			session: props.session, sessionId: props.sessionId, input: props.input,
-		}));
+		items.push(react.createElement(FeatureBoundary, { key: f.id, label: f.name },
+			react.createElement(f.Chip, {
+				ctx: props.ctx, feature: f,
+				session: props.session, sessionId: props.sessionId, input: props.input,
+			})));
 	}
 	if (items.length === 0) return null;
 	return react.createElement("div", { className: "dockchip-row" }, items);
@@ -627,7 +630,7 @@ function FeatureOverlays() {
 	const items = [];
 	for (const f of allModules()) {
 		if (f.planned || !stateOf(f.id).enabled || typeof f.Overlay !== "function") continue;
-		items.push(react.createElement(FeatureBoundary, { key: f.id },
+		items.push(react.createElement(FeatureBoundary, { key: f.id, label: f.name },
 			react.createElement(f.Overlay, { ctx: ctxRef.current, feature: f })));
 	}
 	if (items.length === 0) return null;

package/src/shared.js

@@ -2,8 +2,12 @@
 import react from "react";
 
 /**
- * 功能视图错误边界：外部功能包注册进来的视图渲染抛错时降级为错误提示，
- * 不拖垮整个功能坞面板（内置视图不包——它们与外壳同包发布、同生命周期）。
+ * 功能视图错误边界：视图渲染抛错时降级为一行错误提示，不拖垮整块面板 UI。
+ *
+ * ⚠️ 内置视图也必须包（v0.9.9 起）：宿主把每个插槽条目包在 SlotErrorBoundary 里，
+ * 条目内任何渲染抛错都会被宿主换成空 div——表现为「点开功能坞界面整个没了」而侧栏
+ * 入口按钮仍是选中态。v0.9.3~0.9.8 的 animation 视图就是这样被一个 ReferenceError 打没的。
+ * label 用于提示里点明是哪个功能；调用处应带 key（切换功能时重建，否则错误态会跟着串页）。
  */
 export class FeatureBoundary extends react.Component {
 	constructor(props) {
@@ -13,11 +17,15 @@ export class FeatureBoundary extends react.Component {
 	static getDerivedStateFromError(error) {
 		return { error: error };
 	}
+	componentDidCatch(error) {
+		console.error("[dsh-dock] 功能视图渲染出错：", error);
+	}
 	render() {
 		if (this.state.error) {
 			const msg = this.state.error && this.state.error.message ? this.state.error.message : String(this.state.error);
+			const who = this.props && this.props.label ? "「" + this.props.label + "」" : "功能视图";
 			return react.createElement("div", { className: "dockm-note dockm-err" },
-				"功能视图渲染出错：" + msg + "（该功能来自外部包，不影响面板其他功能）");
+				who + "渲染出错：" + msg + "（已隔离，不影响面板其他功能；详情见浏览器控制台）");
 		}
 		return this.props.children;
 	}